• 12 hours
  • Medium
License

Free online content available in this course.

course.header.alt.is_video

course.header.alt.is_certifying

Got it!

Last updated on 3/3/22

Incorporate Data Into a React Application With Hooks

Evaluated skills

  • Incorporate data Into a React application with hooks

  • Question 1

    Which hooks are required for making API calls?

    Careful, there are several correct answers.

    • useEffect

    • useContext

    • useFetch

    • useState

  • Question 2

    I want to make an API call on the URLhttp://localhost:8000  which returns a  data  object. Which code snippets will let me do this effectively?

    Careful, there are several correct answers.

    • 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

    Which elements are required for creating a Context and getting it in a function component?

    Careful, there are several correct answers.

    • Connecting to data with  connect

    • Using a  Provider  to which a  value  object is passed to wrap parent components

    • Getting data with  useContext

    • Creating a Consumer to consume the data

Ever considered an OpenClassrooms diploma?
  • Up to 100% of your training program funded
  • Flexible start date
  • Career-focused projects
  • Individual mentoring
Find the training program and funding option that suits you best
Guide meCompare training types