具有Redux形式的React.js:在选择组件中更改初始选择的选项

时间:2019-01-23 10:12:13

标签: javascript reactjs redux react-redux redux-form

在带有redux的React.js应用中,我有一个用于编辑数据库条目的编辑表单。此表单使用redux格式,并且字段中填充了通过initialValues传递给表单的数据。表单内部是一个“选择”元素,显示所有可能的选项。这些选项是从componentDidMount函数的redux /数据库中加载的,并且呈现得很好。

我想在相关的option元素上设置'selected'属性。我知道可以通过使用initialValues(如图here)以Redux形式完成此操作,但是我不知道如何在我的情况下执行此操作。 我要解决的问题是这样的:我正在将一个对象传递给initialValues,该对象包含一个nameid属性。选项元素上的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参数?

0 个答案:

没有答案