将ant.desing V4.x选择组件与redux-form一起使用

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

const { Option } = Select;

const renderSelect = ({ input, label, meta: { touched, error }, ...custom }) => (
  <div>
    <label>{label}</label>
    <Select {...input} {...custom}>
      <Option value="option1">Option 1</Option>
      <Option value="option2">Option 2</Option>
    </Select>
    {touched && error && <span>{error}</span>}
  </div>
);

const MyForm = (props) => {
  const { handleSubmit } = props;
  return (
    <form onSubmit={handleSubmit}>
      <Field name="mySelect" component={renderSelect} label="Select an option" />
      <button type="submit">Submit</button>
    </form>
  );
};

export default reduxForm({
  form: 'myForm', // a unique identifier for this form
})(MyForm);

import { createStore, combineReducers } from 'redux';
import { reducer as formReducer } from 'redux-form';

const rootReducer = combineReducers({
  form: formReducer,
});

const store = createStore(rootReducer);

import React from 'react';
import { Provider } from 'react-redux';
import store from './store';
import MyForm from './MyForm';

const App = () => (
  <Provider store={store}>
    <MyForm />
  </Provider>
);

export default App;