697. React State Batching with setState

Easy•

Predict the state value after one click.

function Counter() {
  const [count, setCount] = React.useState(0)

  const handleClick = () => {
    setCount(count + 1)
    setCount(count + 1)
    setCount(count + 1)
  }

  return <button onClick={handleClick}>{count}</button>
}

What value is shown after one click?

It depends on render timing231

Select an option and submit your answer.

Next ProblemAuto-advance on correct answer

Loading problem…

697. React State Batching with setState

Easy•

Predict the state value after one click.

function Counter() {
  const [count, setCount] = React.useState(0)

  const handleClick = () => {
    setCount(count + 1)
    setCount(count + 1)
    setCount(count + 1)
  }

  return <button onClick={handleClick}>{count}</button>
}

What value is shown after one click?

It depends on render timing231

Select an option and submit your answer.

Next ProblemAuto-advance on correct answer