[英]Using mapStateToProps and state with connect() in React
我正在使用Redux-Form,并尝试从该表单获取值。 该文档建议使用getFormValues()
方式如下:
MyComponent = connect(
state => ({
values: getFormValues('myForm')(state),
})
)(MyComponent)
在我的组件中,我目前正在将connect
与mapStateToProps
一起使用。 但是,如何将两者同时使用? 我当前的代码(由于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返回未定义。
connect
和connect
一起使用的正确方法是什么?
我知道了 我只是将其添加到mapStateToProps
方法中,如下所示:
const mapStateToProps = state => ({
personsForm: state.form.personsForm,
values: getFormValues('personsForm')(state)
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.