redux存储中的Formik初始值

const initialState = {
  formikValues: {
    name: '',
    email: '',
    password: '',
  },
};

const formikReducer = (state = initialState, action) => {
  switch (action.type) {
    case 'UPDATE_FORMIK_VALUES':
      return {
        ...state,
        formikValues: {
          ...state.formikValues,
          [action.field]: action.value,
        },
      };
    default:
      return state;
  }
};

const updateFormikValues = (field, value) => ({
  type: 'UPDATE_FORMIK_VALUES',
  field,
  value,
});

import { connect } from 'react-redux';
import { updateFormikValues } from './actions';

const MyForm = ({ formikValues, updateFormikValues }) => {
  const handleChange = (e) => {
    const { name, value } = e.target;
    updateFormikValues(name, value);
  };

  return (
    <form>
      <input
        type="text"
        name="name"
        value={formikValues.name}
        onChange={handleChange}
      />
      <input
        type="email"
        name="email"
        value={formikValues.email}
        onChange={handleChange}
      />
      <input
        type="password"
        name="password"
        value={formikValues.password}
        onChange={handleChange}
      />
    </form>
  );
};

const mapStateToProps = (state) => ({
  formikValues: state.formikValues,
});

export default connect(mapStateToProps, { updateFormikValues })(MyForm);