Reactjs 道具不会传递给子组件-redux form/react
我的道具不会传递给子组件。我有以下父组件NewProject:Reactjs 道具不会传递给子组件-redux form/react,reactjs,redux-form,Reactjs,Redux Form,我的道具不会传递给子组件。我有以下父组件NewProject: ... export class NewProject extends React.PureComponent { constructor(props) { super(props); this.saveProject = this.saveProject.bind(this); } saveProject = (values) => { console.log(values);
...
export class NewProject extends React.PureComponent {
constructor(props) {
super(props);
this.saveProject = this.saveProject.bind(this);
}
saveProject = (values) => {
console.log(values);
}
render() {
return (
<div>
<div style={{fontSize: 14}} className="container">
<NewProjectForm
onSubmit={this.saveProject}
/>
</div>
</div>
);
}
}
...
。。。
导出类NewProject扩展React.PureComponent{
建造师(道具){
超级(道具);
this.saveProject=this.saveProject.bind(this);
}
saveProject=(值)=>{
console.log(值);
}
render(){
返回(
);
}
}
...
以及子组件NewProjectForm
...
const NewProjectForm = (props) => {
const {
handleSubmit,
pristine,
reset,
submitting,
locale
} = props;
console.log(props);
return (
<form onSubmit={handleSubmit}>
<RaisedButton labelColor='#ffffff' type="submit" backgroundColor='#86BFC4' label="Save" />
</form>
</Form>
)
}
export default reduxForm({
form: 'newProjectForm'
})(NewProjectForm);
。。。
const NewProjectForm=(道具)=>{
常数{
手推,
崭新的
重置,
提交,
场所
}=道具;
控制台日志(道具);
返回(
)
}
导出默认reduxForm({
表单:“新建项目表单”
})(新项目表格);
当我按下提交按钮时,出现以下错误:
Uncaught Error: You must either pass handleSubmit() an onSubmit function or pass onSubmit as a prop
at checkSubmit (eval at ./node_modules/redux-form/lib/reduxForm.js (http://localhost:3000/main.js:5694:1), <anonymous>:133:11)
at Form.submit (eval at ./node_modules/redux-form/lib/reduxForm.js (http://localhost:3000/main.js:5694:1), <anonymous>:540:74)
at Object.ReactErrorUtils.invokeGuardedCallback (webpack:///./~/react-dom/lib/ReactErrorUtils.js?:70:16)
Uncaught错误:必须传递handleSubmit()一个onSubmit函数或作为prop传递onSubmit
在checkSubmit(eval at./node_modules/redux form/lib/reduxForm.js(http://localhost:3000/main.js:5694:1),您使用道具发送onSubmit,并尝试使用handleSubmit
const {
handleSubmit, // change to onSubmit
pristine,
reset,
submitting,
locale
} = props;
你发送带有道具的onSubmit并尝试使用handleSubmit
const {
handleSubmit, // change to onSubmit
pristine,
reset,
submitting,
locale
} = props;
这是一个名称不匹配的问题:
<NewProjectForm
onSubmit={this.saveProject}
/>
这是一个名称不匹配的问题:
<NewProjectForm
onSubmit={this.saveProject}
/>
我们甚至写了同样的评论)@Andrew haha nice,同样的解决方案:)我们甚至写了同样的评论)@Andrew haha nice,同样的解决方案:)