10 Questions
Quin es lo nom de la fonction que torna la valor per defaut de l'estat del component?
useState
Quina es la url utilizada per metode PUT per actualitzar un registre?
Quin es l'objecte que conten lo nom del client, lo nom de la flor, l'adreça del client i lo número de client?
updatedRecord
Quin es l'evenement que es produit quan s'envia la forma de cerca?
e.preventDefault()
Quin es l'estat que conten lo missatge de resposta del servidor?
responseMessage
Quin es la funcion que s'encarrega de cercar un registre per número de client?
handleSearch
Quin es la library que s'utiliza per fer peticions HTTP?
Axios
Quin es l'estat que conten lo nom del client?
customerName
Quin es l'error que es produeix quan no es troba cap registre?
Customer not found.
Quin es la forma de prevenir que la pagina s'actualitzi quan s'envia la forma?
e.preventDefault()
Study Notes
Foncions d'actualizacion e recèrca
- La foncion
Updateutilizza React per gestionar l'estat de las diferentas variables d'entrada. - Las variables d'estat son:
customerNumber,customerName,flowerName,customerAddresseresponseMessage. - La foncion
handleUpdatees una foncion asincrona que fa una requèsta PUT per metre a jorn un registre existent amb lo número de client. - La foncion
handleSearches una foncion asincrona que fa una requèsta GET per cercar un registre existent amb lo número de client.
Gestions d'errors
- Si una error occurre pendant l'execucion de la foncion
handleUpdate, lo messatge d'error es aflat per console.error e es mostrat a l'usaire. - Si una error occurre pendant l'execucion de la foncion
handleSearch, lo messatge d'error es aflat per console.log e es mostrat a l'usaire.
Elements de l'interfàcia d'utilizaire
- Un champ de tèxte per entrer lo número de client.
- Un champ de tèxte per entrer lo nom de client.
- Un champ de tèxte per entrer lo nom de flor.
- Un champ de tèxte per entrer l'adreça del client.
- Un button per realizar la recèrca.
- Un button per metre a jorn lo registre.
- Un messatge de resposta que mostrat lo resultat de l'accion.
Aquest quiz es basa en un exemple de còde React que actualitza un enregistrament amb Axios. Prova les teves coneixences en React i Axios!
Make Your Own Quizzes and Flashcards
Convert your notes into interactive study material.
Get started for free
