以编程方式在redux-form选择元素中设置选项

时间:2018-08-20 16:51:09

标签: reactjs redux-form

我是redux-form的新手,想使用自定义下拉菜单以编程方式设置select元素的值。

我的组件看起来像这样:

selectOption = (option: any, input: any) => {
  input.onChange(option)
};

render() {

  const { input } = this.props;

  <select {...input}>
    {options.map(option => (
      <option style={{display: 'none'}} key={option.id}>
        {option.value}
      </option>
    ))}
  </select>

  <ul>
    {options.map(option => (
      <li key={option.id} onMouseDown={() => this.selectOption(option, input)}>
    ))}
  </ul>

上面的代码更新了select元素的值,但这是正确的方法吗?

我正在使用Redux格式的版本7.3.0

0 个答案:

没有答案