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 objet data . 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 objet value pour wrapper les composants parents
- Récupérer les données avec useContext
- Créer un Consumer pour consommer les données

Incorporer des données dans une application React avec les hooks

Compétences évaluées

Question 1

Question 2

Question 3