如何将组件的 ownProps 传递给 reduxForm？

Question

this.props.data 未定义

   initialValues: {
      data: this.props.data
    }

下面是更多代码：

const mapState = (state, ownProps) => {
  console.log(ownProps.formData)
  return {
    data: ownProps.formData
  }
}

export default compose(
  connect(
    mapState,
    null
  ),
  reduxForm({
    form: "info-form",
    initialValues: {
      data: this.props.data
    }
  })
)(InfoForm)

ownProps.formData 是一个对象数组。当我在 mapState 的控制台中登录时，我可以看到它。如果我在我的表单组件之外创建 const data=[{...},{...}] 并像这样引用它：

initialValues: {
  data: data
}

表单按预期工作

Answer 1

有两种使用initialValues的方法，一种是像传递给reduxForm HOC的对象一样传递它，另一种方法是当你在项目的其他地方导入这个组件时可以将其传递为

<InfoForm initialValues={{ data }} />

请在此处 link 参考 https://redux-form.com/6.7.0/examples/initializefromstate/。它明确指出

Values provided to the initialValues prop or reduxForm() config parameter will be loaded into the form state and treated thereafter as "pristine"

如何将组件的 ownProps 传递给 reduxForm？

How do I pass component's ownProps to reduxForm?

reactjs

redux

redux-form

react-redux