繁体   English   中英

在React中使用mapStateToProps和state与connect()

[英]Using mapStateToProps and state with connect() in React

我正在使用Redux-Form,并尝试从该表单获取值。 文档建议使用getFormValues()方式如下:

MyComponent = connect(
  state => ({
    values: getFormValues('myForm')(state),
  })
)(MyComponent)

在我的组件中,我目前正在将connectmapStateToProps一起使用。 但是,如何将两者同时使用? 我当前的代码(由于personFormValues是undefined ,因此不起作用)是这样的:

export default reduxForm({
  form: 'personsForm'
})(connect(mapStateToProps, state => ({
  personFormValues: getFormValues('personsForm')(state)
}))(PersonsForm));

我也尝试过:

export default reduxForm({
  form: 'personsForm'
})(connect(state => ({
  personFormValues: getFormValues('personsForm')(state),
  mapStateToProps
}))(PersonsForm));

export default reduxForm({
  form: 'personsForm'
})(connect(state => ({
  personFormValues: getFormValues('personsForm')(state),
}), mapStateToProps)(PersonsForm));

export default reduxForm({
  form: 'personsForm'
})(connect(state => ({
  personFormValues: getFormValues('personsForm')(state),
  personsForm: state.form.personsForm
}))(PersonsForm));

在后一种情况下,personForm和personFormValues返回未定义。

connectconnect一起使用的正确方法是什么?

我知道了 我只是将其添加到mapStateToProps方法中,如下所示:

const mapStateToProps = state => ({
  personsForm: state.form.personsForm,
  values: getFormValues('personsForm')(state)
});

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM