12 heures
- Moyenne
Ce cours est visible gratuitement en ligne.
course.header.alt.is_video
course.header.alt.is_certifying
J'ai tout compris !Mis à jour le 20/05/2022
Incorporer des données dans une application React avec les hooks
Connectez-vous ou inscrivez-vous gratuitement pour bénéficier de toutes les fonctionnalités de ce cours !
Compétences évaluées
- Incorporer des données dans une application React avec les hooks
Question 1
Quels hooks sont nécessaires pour effectuer des calls API ?
Attention, plusieurs réponses sont possibles.useEffect
useContext
useFetch
useState
Question 2
Je souhaite faire un appel API sur l'URL
http://localhost:8000
, qui me retourne un objetdata
. Quels snippets de code me permettent de le faire efficacement ?Attention, plusieurs réponses sont possibles.- useEffect(() => {fetch(`http://localhost:8000`).then((response) =>response.json().then(({data}) => {setData(data)}))})
- useEffect(() => {async function callApi() {const response = await fetch(`http://localhost:8000`)const { data } = await response.json()setData(data)}callApi()}, [])
- useEffect(() => {useFetch(`http://localhost:8000`).then((response) =>response.json().then((data) => {setData(data)}))}, [])
- useEffect(() => {fetch(`http://localhost:8000`).then((response) =>response.json().then(({data}) => {setData(data)}))}, [])
Question 3
Quels sont les éléments indispensables pour créer un Contexte et le récupérer dans un composant fonction ?
Attention, plusieurs réponses sont possibles.Se connecter aux datas avec
connect
Utiliser un
Provider
auquel on passe un objetvalue
pour wrapper les composants parentsRécupérer les données avec
useContext
Créer un Consumer pour consommer les données