反应还原函数的函数mapStateToProps和mapDispatchToProps参数之间的区别是什么connect?任何人都可以用例子给出合适的解释
我使用Redux表单版本6.8.0.
我有一个表单组件,它通过"mapStateToProps"函数得到它的"initialValues".在第一次渲染时,一切都很好.
在我的表单配置之后:
const CategoryChangeForm = reduxForm({
form: 'change-category',
validate: newCategoryValidate,
enableReinitialize: true
})(CategoryChange);
Run Code Online (Sandbox Code Playgroud)
当我更改字段"类别"并且更新成功时,我从firebase接收新的更新值.我通过提到的"mapStateToProps"函数将此更新值传递给"initialValues":
function mapStateToProps(state, ownProps) {
return {
initialValues: { category: state.categories[ownProps.id].name, id: ownProps.id }
};
}
Run Code Online (Sandbox Code Playgroud)
我预计新值将应用于"类别"-Field组件.但它没有获得更新的价值.
我的"Field"组件的配置:
const fieldProps = {
category: {
name: 'category',
type: 'text',
placeholder: 'Bezeichnung',
component: InputField
},
hidden: {
name: 'id',
type: 'hidden',
component: 'input'
}
};
Run Code Online (Sandbox Code Playgroud)
这是我的表单组件:
export const CategoryChange = props => {
const {
color,
message,
handleSubmit,
stateComponent
} = props;
console.log("Props: ", props);
return …Run Code Online (Sandbox Code Playgroud) 我对 React 和 Redux-Form 还很陌生,目前我需要一些帮助。
基本上我有列表页面和他们的编辑按钮。单击编辑时,我会显示一个带有字段的模式弹出窗口,并执行 API 调用以获取相应的列表数据。
您能否让我知道如何使用从 API 调用接收到的数据预先填充模态弹出窗口中的字段?
非常感谢带有代码示例的演示(就像我说我对 React & Redux & Redux-form 很陌生)。:(
提前致谢!