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 11/10/2023
Incorporer des données dans une application React avec les hooks
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
Et si vous obteniez un diplôme OpenClassrooms ?
- Formations jusqu’à 100 % financées
- Date de début flexible
- Projets professionnalisants
- Mentorat individuel
Trouvez la formation et le financement faits pour vous