ReduxForm : passing initialValues from mapStatetoProps

Question

我试图按如下方式获取表单设置的初始值，但它不起作用:

const mapStateToProps = (state, props) => ({
  initialValues: state.charts[props.resourceId],
});

const mapDispatchToProps = ...

export default reduxForm({ 
  form: 'ChartForm',
})(connect(mapStateToProps, mapDispatchToProps)(ChartForm));

当然，如果我这样做就会起作用:

export default reduxForm({ 
      form: 'ChartForm',
      initialValues: {
          title: "Some Title",
          ...
      }
})(connect(mapStateToProps, mapDispatchToProps)(ChartForm));

但这不是我需要的。我需要从商店中具有 id == this.props.resourceId

的资源获取初始值

有人能指出第一个解决方案有什么问题吗？

Answer 1

您需要将 initialValues 属性传递到表单中。为此，请使用 connect 函数包装表单。请参阅Initialize From State在文档中。

export default connect(mapStateToProps, mapDispatchToProps)(reduxForm({ 
  form: 'ChartForm',
})(ChartForm));