如何获取react redux-form下拉菜单的selected value onChange

在React Redux-Form中获取下拉菜单的选定值并在onChange事件中更新，可以按照以下步骤进行操作：

首先，确保已经安装了React Redux-Form库。可以使用以下命令进行安装：

npm install react-redux-form

在需要使用下拉菜单的组件中，导入所需的库和组件：

import React from 'react';
import { Field, reduxForm } from 'redux-form';

创建一个React组件，并使用reduxForm高阶函数对其进行包装，以便使用Redux-Form的功能：

class MyForm extends React.Component {
  render() {
    return (
      <form>
        {/* 其他表单字段 */}
        <Field name="myDropdown" component={renderDropdown} onChange={this.handleDropdownChange} />
      </form>
    );
  }

  handleDropdownChange = (event, newValue, previousValue) => {
    // 在这里处理下拉菜单的选定值变化
    console.log(newValue);
  }
}

// 渲染下拉菜单的组件
const renderDropdown = ({ input, meta }) => (
  <select {...input}>
    <option value="option1">Option 1</option>
    <option value="option2">Option 2</option>
    <option value="option3">Option 3</option>
  </select>
);

// 使用reduxForm对组件进行包装
MyForm = reduxForm({
  form: 'myForm'
})(MyForm);

export default MyForm;

在上述代码中，我们创建了一个名为MyForm的React组件，并在表单中添加了一个名为myDropdown的字段。我们使用Field组件来渲染下拉菜单，并将renderDropdown函数作为其component属性的值传递。
renderDropdown函数是一个无状态组件，用于渲染下拉菜单。我们将input属性传递给select元素，以便将Redux-Form的表单状态与下拉菜单关联起来。
在MyForm组件中，我们定义了一个handleDropdownChange方法，用于处理下拉菜单的选定值变化。在这个方法中，你可以执行任何你需要的操作，例如更新Redux状态或触发其他事件。