Javascript 在react js中编辑时如何在选择框中显示选定值

我已经创建了一个带有选择框的表单，以显示用户名列表。一旦选择用户名，我将把一个字符串化对象作为值传递给firebase。 当我试图编辑表单时，我希望显示提交期间选择的值。 有人能告诉我当表单处于编辑模式时，如何在选择框中显示所选值吗。 我正在使用redux表单

    <select
  {...input} className="form-control">
  <option value="" disabled>{selectPlaceHolder}</option>
  {Object.keys(datas).map((key) => {
    return (
      <option value={JSON.stringify({id: key, name: datas[key].name})} key={key}>
        {datas[key].name}
      </option>
    );
  })}
</select>

{selectPlaceHolder}
{Object.keys（datas）.map（（key）=>{
返回(
{datas[key].name}
);
})}

React让您更容易做到这一点。您可以（也应该）简单地在select标记本身上写入value={JSON.stringify（{id:editData.id，name:editData.name}），而不是在每个选项上定义select`

<select
  {...input} className="form-control" value={JSON.stringify({id: editData.id, name: editData.name})}>
  <option value="" disabled>{selectPlaceHolder}</option>
  {Object.keys(datas).map((key) => {
    return (
      <option value={JSON.stringify({id: key, name: datas[key].name})} key={key}>
        {datas[key].name}
      </option>
    );
  })}
</select>

{selectPlaceHolder}
{Object.keys（datas）.map（（key）=>{
返回(
{datas[key].name}
);
})}

在将选定值发送到firebase之前，将其存储在州的属性名it currentSelectedValue中。然后传递一个标志，如果

edit===true

则传递该选定值。我的假设为你澄清了吗。你能再多给我一点吗