Che ne dici di inviarlo? Il pulsante di invio ovviamente è nella nostra intestazione e
quindi hai imparato come connettere intestazione e componente, lo
facciamo con l'aiuto di params.
Quindi aggiungerò una nuova funzione qui nel componente di modifica del
prodotto, il gestore di invio potrebbe essere il nome e lì dentro in questa funzione, voglio fare tutto ciò che deve essere fatto
per aggiungere un prodotto o
aggiornarlo, quindi dobbiamo spedire alcune azioni di Redux.
Per ora, invierò qui il log della console in modo da vedere che questo è stato eseguito.
Ora dobbiamo passare quel gestore di invio ai nostri parametri e possiamo farlo con l'aiuto dell'effetto use
qui che ti ho già mostrato in precedenza e anche con use callback e avvolgiamo la nostra funzione qui con use callback e
ovviamente questa
funzione non ha dipendenze in questo momento,
quindi possiamo semplicemente usarlo in questo modo. Questo assicura che questa funzione non venga ricreata
ogni volta che il componente viene eseguito nuovamente il rendering e quindi
evitiamo di inserire un ciclo infinito e ora possiamo eseguire l'effetto use qui per eseguire una funzione dopo ogni ciclo di rendering
e qui, la nostra dipendenza è il gestore di invio che mai modifiche,
il che significa che in questo momento viene eseguito solo una volta, il che è fantastico perché in questo modo è
possibile impostare i parametri qui, passare un oggetto in cui associamo submit come chiave al gestore submit. Ora submit è un parametro che possiamo recuperare qui
nella nostra intestazione, la nostra funzione submit può essere recuperata dai dati di navigazione. la navigazione ottiene param submit, questo è il tasto che ho appena impostato nella
funzione set params call e submit è quindi ciò che dovrebbe
essere eseguito quando si preme questo pulsante, quindi indicherò Premi alla funzione di invio alla fine.
Ora in questo momento è richiesto anche un piccolo cambiamento, usare callback come questo in realtà lo ricreare ogni volta
che questo viene eseguito nuovamente il rendering, dobbiamo passare quel secondo argomento che dovrebbe essere un array
vuoto, ora questa funzione non verrà mai ricreata e ora abbiamo evitare un ciclo infinito.
Quindi ora se andiamo alla schermata di amministrazione, vai qui e fai clic su questo pulsante, in realtà vedi l'invio qui e
funziona quindi come dovrebbe.