I`M à l'aide de la bibliothèque de formulaire Redux et obtenez cette erreur: Erreur non capturée: Vous devez transmettre des poignées () une fonction ONSUBMIT () une fonction ONSUBMIT ou transmettez-la sous forme de PROP
Le formulaire: p>
tariffform.js p>
import React from "react"; import { Field, reduxForm } from "redux-form"; import { required } from "../../../../../../utils/validators/validators.js"; import Input from "../../../../../Common/FormControls/FormsControls"; let TariffForm = props => { const cancelSubmit = (event) => { event.preventDefault(); props.cancelCreate(); }; debugger; return ( <form onSubmit={props.handleSubmit}> <div> <Field name={"tariffName"} component={Input} label={"tariffName"} /> </div> <div> <Field label="tariffSpeed" name={"tariffSpeed"} component={Input} /> </div> <div> <Field label="tariffPrice" name={"tariffPrice"} component={Input} /> </div> <div> <button>ÐобавиÑÑ</button> <button onClick={cancelSubmit} type="submit">ÐÑмениÑÑ</button> </div> </form> ); }; TariffForm = reduxForm({ // a unique name for the form form: "tariff" })(TariffForm); export default TariffForm;
3 Réponses :
Changer à p>
Modification du parent: Modification de l'enfant:
Ceci peut vous aider -
import React from "react"; import { Field, reduxForm } from "redux-form"; import { required } from "../../../../../../utils/validators/validators.js"; import Input from "../../../../../Common/FormControls/FormsControls"; let TariffForm = props => { const cancelSubmit = (event) => { event.preventDefault(); props.cancelCreate(); }; debugger; return ( <form onSubmit={props.handleSubmit}> <div> <Field name={"tariffName"} component={Input} label={"tariffName"} /> </div> <div> <Field label="tariffSpeed" name={"tariffSpeed"} component={Input} /> </div> <div> <Field label="tariffPrice" name={"tariffPrice"} component={Input} /> </div> <div> <button>ÐобавиÑÑ</button> <button onClick={cancelSubmit} type="submit">ÐÑмениÑÑ</button> </div> </form> ); }; const onSubmit = (values, dispatch) => { dispatch( // your submit action // ); }; TariffForm = reduxForm({ // a unique name for the form form: "tariff", onSubmit })(TariffForm); export default TariffForm;
Oui, ça marche, merci. Mais pourquoi je ne peux pas obtenir de valeurs dans le composant parent?
@ Вадимшереметов Je ne sais pas beaucoup d'autres formes de Redux. Je viens de voir cela sur une autre question et des documents qui pensaient que cela pourrait être le problème. Si cela vous a aidé, veuillez accepter cela comme une réponse. :)
Pouvez-vous créer un repo de bac à sable?