В приложении React.js с избыточностью у меня есть форма редактирования, которая используется для редактирования записи в базе данных.Эта форма использует избыточную форму, и поля заполняются данными, переданными в форму через initialValues
.Внутри формы находится элемент «select», который отображает все возможные варианты.Эти опции загружаются из redux / database в функцию componentDidMount
и отображаются нормально.
Я хотел бы установить свойство selected в соответствующем элементе option.Я знаю, что это можно сделать в Redux-форме с помощью initialValues
(как показано здесь ), но я не вижу, как я могу это сделать в моем случае.Проблема, которую я пытаюсь решить, заключается в следующем: я передаю объект в initialValues
, который содержит свойства name
и id
.Свойство value
(и key)
в элементе option должно использовать id
, а отображаемое значение должно быть именем.
<Field name="talent" component="select">
{this.props.talents.map(talent => (
<option value={talent._id} key={talent._id}>
{talent.name}
</option>))
}
</Field>
Как установить начальное значение (selected
реквизит элемента option) параметру talent.id, переданному в форму в initialValues
?