自动完成-如何设置默认值？

<input type="text" id="autocomplete" value="默认值">

document.addEventListener("DOMContentLoaded", function() {
    document.getElementById("autocomplete").value = "默认值";
});

import React, { useState } from 'react';

function AutocompleteInput() {
    const [value, setValue] = useState("默认值");

    return (
        <input
            type="text"
            value={value}
            onChange={(e) => setValue(e.target.value)}
        />
    );
}

export default AutocompleteInput;

const express = require('express');
const app = express();

app.get('/autocomplete', (req, res) => {
    const data = [
        { id: 1, name: '选项1' },
        { id: 2, name: '选项2' },
        { id: 3, name: '默认值' }
    ];
    res.json(data);
});

app.listen(3000, () => {
    console.log('Server is running on port 3000');
});

fetch('/autocomplete')
    .then(response => response.json())
    .then(data => {
        const defaultValue = data.find(item => item.name === '默认值');
        document.getElementById("autocomplete").value = defaultValue ? defaultValue.name : '';
    });