← All React exercises

React quiz · 12

UseEffect

StatusNot taken

Question

What does the code snippet to the right output by console.log?

Code

exercise.tsx
1// This is a React Quiz from BFE.dev 
2
3import React, { useEffect, useState } from 'react'
4import ReactDOM from 'react-dom'
5
6function App() {
7  const [state, setState] = useState(0)
8  console.log(state)
9
10  useEffect(() => {
11    setState(state => state + 1)
12  }, [])
13
14  useEffect(() => {
15    console.log(state)
16    setTimeout(() => {
17      console.log(state)
18    }, 100)
19  }, [])
20
21  return null
22}
23
24ReactDOM.render(<App/>, document.getElementById('root'))