Как показать выбранное значение в поле выбора во время редактирования в реагировать JS

Question

Я создал форму с полем выбора, чтобы показать список имени пользователя, как только имя пользователя выбрано, я передаю строковый объект в качестве значения для firebase.Когда я пытаюсь редактировать форму, я хотел бы показать значение, которое было выбрано во время отправки.Может кто-нибудь сказать мне, как показать выбранное значение в поле выбора, когда форма находится в режиме редактирования.Я использую избыточную форму.

    <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>

Answer 1

React делает это еще проще для вас.Вместо определения выбранного для каждого параметра вы можете (и должны) просто написать значение = {JSON.stringify ({id: editData.id, name: editData.name})} в самом теге выбора`

<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>