以redux形式设置initValues

时间:2019-02-08 13:31:27

标签: reactjs redux redux-form

我想在redux形式的字段中为用户设置初始显示值,它必须是dynamic,值由this.props.editName给出,并由父组件传递下来。我知道如何设置static以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

1 个答案:

答案 0 :(得分:2)

无论您在哪里呈现,都可以将initialValues传递给EditForm组件。

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

编辑:如果您需要从redux获取您的initialValue,您也可以在mapStateToProps函数中进行处理。只要生成的prop称为initialValues,它就可以工作!