• 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 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