Reactjs React/Redux表单向儿童传递道具

Reactjs React/Redux表单向儿童传递道具,reactjs,redux,redux-form,Reactjs,Redux,Redux Form,我的项目中有一个视图,用户可以在其中检索页面列表,还可以创建新页面。我的代码如下所示: 父组件(页) 类页面扩展组件{ render(){ 返回( 现有页面的映射列表 ); } } 子组件(创建新页面) 类CreateNewPage扩展组件{ handleFormSubmit({pageName,projectId}){ this.props.CreatePage({pageName,projectId}); } render(){ const{handleSubmit,字段:{pag

我的项目中有一个视图,用户可以在其中检索页面列表,还可以创建新页面。我的代码如下所示:

父组件(页)

类页面扩展组件{
render(){
返回(
  • 现有页面的映射列表
); } }
子组件(创建新页面)

类CreateNewPage扩展组件{
handleFormSubmit({pageName,projectId}){
this.props.CreatePage({pageName,projectId});
}
render(){
const{handleSubmit,字段:{pageName,projectd}}=this.props;
返回(
创建新页面
创建新页面
);
}
}
导出默认reduxForm({
表单:“createPage”,
字段:['pageName','projectId']
},null,actions)(CreateNewPage);
Pages从React Router接收一个ID作为道具,我想在我的“创建新页面”组件中使其可用于Redux表单,以便我可以将页面与数据库中的项目关联

目前,我将项目ID作为道具传递给“创建新页面”组件,然后将其存储在隐藏的输入字段中,从而使项目ID可用


这是我的第一个Redux应用程序,所以我只想知道我是否正确地执行了此操作?非常感谢。

与其在隐藏的输入中发送项目ID,不如在createPage函数中将其作为参数传递

this.props.createPage(projectId, { pageName });

projectId可以是this.props.projectId,而不是在隐藏的输入中发送项目ID,您不能在createPage函数中将其作为参数传递吗

this.props.createPage(projectId, { pageName });

projectId可能是这个.props.projectId

约书亚·斯莱特的答案是正确的。
projectId
根本不需要是字段

从教育的角度来说。。。隐藏的输入在
redux表单中没有意义
。我会引用我的答案:

隐藏输入的概念在redux形式中并不存在,正如 隐藏输入基于旧的HTML提交表单的方式。A. redux表单中的“隐藏输入”只是出现在 字段列表(因此它将被提交),但不会呈现给任何 输入我对主键执行此操作,其中我的字段列表是
['id',name','email']
,我只为name和email提供输入,但不提供所有输入 三个被提交


约书亚·斯莱特的回答是正确的。
projectId
根本不需要是字段

从教育的角度来说。。。隐藏的输入在
redux表单中没有意义
。我会引用我的答案:

隐藏输入的概念在redux形式中并不存在,正如 隐藏输入基于旧的HTML提交表单的方式。A. redux表单中的“隐藏输入”只是出现在 字段列表(因此它将被提交),但不会呈现给任何 输入我对主键执行此操作,其中我的字段列表是
['id',name','email']
,我只为name和email提供输入,但不提供所有输入 三个被提交

this.props.createPage(projectId, { pageName });