Reactjs 无法在输入中编辑

我正在为用户制作更新表单，但在添加

handleChange

以下是我的代码库：

  const handleChange = (event) => {
    const { name, value } = event.target;
    // Update state
    updatePlayersData((prevState) => ({
      ...prevState,
      [name]: value,
    }));
  };
    <input
      value={title}
      onChange={handleChange}
      placeholder={title}
      pattern="^[a-zA-Z0-9 ]+"
      minLength="1"
      maxLength="20"
    />

const handleChange=（事件）=>{
常量{name，value}=event.target；
//更新状态
updatePlayersData（（prevState）=>({
…国家，
[名称]：值，
}));
};

因为您每次都将输入值设置为

title

变量，而不是更新title值

据我所知，您希望指定一个默认值。试试这个：

请为输入元素提供

name=“name\u of\u field”

属性

---

它会将输入分配给指定的

name\u of_字段

，您以后可以将其用作

input。您的code
input中的
字段
的name\u没有任何
name
属性。但是在
onChange
方法中，根据输入的
名称更新状态。因此，这些变化不会反映在输入中

因此，通过向
输入添加
name=“title”
属性，并提供
value={data.title}
应该可以工作。下面我添加了一个相同的代码片段


const{useState}=React；
常量应用=（）=>{
const[data，setData]=useState（{}）；
常量handleChange=（事件）=>{
常量{name，value}=event.target；
setData（（prevState）=>({
…国家，
[名称]：值，
}));
};
返回
}
render（，document.getElementById（“react”）