0
votes

Erreur non capturée: vous devez transmettre des handlesubmit () une fonction ONSUBMIT ou transmettre OnSubmit comme un accessoire

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;


1 commentaires

Pouvez-vous créer un repo de bac à sable?


3 Réponses :


0
votes

Changer xxx

à xxx


0 commentaires

0
votes

Modification du parent:

Modification de l'enfant:


0 commentaires

0
votes

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;


2 commentaires

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. :)