Redux表单-页面加载时未设置initialValues

// 定义action类型和action创建函数
const SET_INITIAL_VALUES = 'SET_INITIAL_VALUES';
const setInitialValues = (values) => ({
  type: SET_INITIAL_VALUES,
  payload: values,
});

// 定义reducer
const initialValuesReducer = (state = {}, action) => {
  switch (action.type) {
    case SET_INITIAL_VALUES:
      return action.payload;
    default:
      return state;
  }
};

// 将reducer注册到store中
const store = createStore(combineReducers({
  initialValues: initialValuesReducer,
  // 其他的reducer
}));

// 在表单组件中使用connect方法连接store，并获取initialValues
import { connect } from 'react-redux';
import { reduxForm } from 'redux-form';

const MyForm = (props) => {
  // 通过props获取initialValues
  const { initialValues } = props;
  
  return (
    <form>
      {/* 表单字段 */}
    </form>
  );
};

// 使用reduxForm高阶组件来包装表单组件
const ConnectedForm = connect((state) => ({
  initialValues: state.initialValues,
}))(reduxForm({
  form: 'myForm', // 表单的唯一标识
})(MyForm));

import { initialize } from 'redux-form';

class MyForm extends Component {
  componentDidMount() {
    const { initialize } = this.props;
    const initialValues = {
      // 初始值对象
    };
    
    initialize(initialValues);
  }
  
  render() {
    // 表单渲染逻辑
  }
}

export default connect(
  // mapStateToProps
  null,
  // mapDispatchToProps
  { initialize }
)(reduxForm({
  form: 'myForm', // 表单的唯一标识
})(MyForm));