向组件内的redux表单添加字段

// 定义action类型
const ADD_FIELD = "ADD_FIELD";

// 创建action创建函数
const addField = (fieldName, fieldValue) => ({
  type: ADD_FIELD,
  payload: {
    fieldName,
    fieldValue
  }
});

// 更新reducer函数
const formReducer = (state = {}, action) => {
  switch (action.type) {
    case ADD_FIELD:
      return {
        ...state,
        [action.payload.fieldName]: action.payload.fieldValue
      };
    default:
      return state;
  }
};

// 在组件中分发action
import { connect } from "react-redux";
import { addField } from "./actions";

class MyForm extends React.Component {
  // ...
  
  handleAddField = () => {
    const { fieldName, fieldValue } = this.state;
    this.props.addField(fieldName, fieldValue);
  }
  
  // ...
}

const mapDispatchToProps = {
  addField
};

export default connect(null, mapDispatchToProps)(MyForm);