Meine Requisiten werden nicht an die untergeordnete Komponente weitergegeben. Ich habe die folgende übergeordnete Komponente NewProject:Requisiten werden nicht an die untergeordnete Komponente weitergegeben - redux-form/react
...
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>
);
}
}
...
Und das Kind Komponente 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);
Wenn ich den Absenden-Button drücken, bekomme ich folgende Fehlermeldung:
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)
Der Fehler tritt weil die Requisiten nicht überliefert sind, aber warum ist das - was vermisse ich? Hier
ist der Ausgang des console.log ...
Wir schrieben selben Kommentar) – Andrew
@ Andrew haha schön, gleiche Lösung :) –
Idealerweise sollten Sie die SO Karmapunkte aufgeteilt. :-) –