在带有redux的React.js应用中,我有一个用于编辑数据库条目的编辑表单。此表单使用redux格式,并且字段中填充了通过initialValues
传递给表单的数据。表单内部是一个“选择”元素,显示所有可能的选项。这些选项是从componentDidMount
函数的redux /数据库中加载的,并且呈现得很好。
我想在相关的option元素上设置'selected'属性。我知道可以通过使用initialValues
(如图here)以Redux形式完成此操作,但是我不知道如何在我的情况下执行此操作。
我要解决的问题是这样的:我正在将一个对象传递给initialValues
,该对象包含一个name
和id
属性。选项元素上的value
(和key)
属性应该使用id
,而显示的值应该是名称。
<Field name="talent" component="select">
{this.props.talents.map(talent => (
<option value={talent._id} key={talent._id}>
{talent.name}
</option>))
}
</Field>
如何设置初始值(选项元素的selected
属性)到在initialValues
中传递给表单的adult.id参数?