Updating State Correctly Exercises

Both calls read the same stale value, so only one increment applies.

Acceptance criteria

1.One click should show 2.

Prev Next

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

function App() {
  const [count, setCount] = React.useState(0)
  function bump() {
    setCount(count + 1)
    setCount(count + 1)
  }
  return (
    <div>
      <p id="value">{count}</p>
      <button id="inc" onClick={bump}>add two</button>
    </div>
  )
}
const root = ReactDOM.createRoot(document.getElementById("root"))
root.render(<App />)

0 × 0

Output ready when you are

Press Run to render your code, or Submit to validate your solution.

Fix the two updates that land as one — find the bug

Acceptance criteria