• 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 23/02/2024

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

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