以 redux 形式设置 initValues

Question

我想为 redux 形式的用户设置初始显示值 Fields.It 必须是动态的，值由 this.props.editName 给出，由父 component.I 知道如何以 redux 形式将静态值设置为 initValues 但我在从 this.props 设置 initValues 时遇到错误什么有效：

export default reduxForm({
    form: 'editTeamForm',
    initialValues: {
        name: 'India'
    },
    validate
  })(EditTeam)

什么不起作用：

export default reduxForm({
    form: 'editTeamForm',
    initialValues: {
        name: this.props.editName
    },
    validate
  })(EditTeam)

浏览器中显示的错误：

TypeError: Cannot read property 'props' of undefined

Answer 1

您可以将 initialValues 传递给您的 EditForm 组件，无论您在哪里渲染它。

<EditTeam initialValues={{ name: editName }} />

编辑：如果您需要从 redux 获取 initialValue，您也可以在 mapStateToProps 函数中处理它。只要生成的 prop 被称为 initialValues，它就应该可以工作！

以 redux 形式设置 initValues

Setting initValues in redux form

reactjs

redux

redux-form