← All React exercises

React quiz · 05

Automatic batching 1

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 * as React from 'react'
4import { useState } from 'react'
5import { createRoot } from 'react-dom/client'
6import { screen, fireEvent } from '@testing-library/dom'
7
8function App() {
9  const [state, setState] = useState(0)
10  console.log("App " + state)
11  return (
12    <div>
13      <button onClick={() => {
14        setState(count => count + 1)
15        setState(count => count * 2)
16      }}>click me</button>
17    </div>
18  )
19}
20
21(async () => {
22  const root = createRoot(document.getElementById('root'));
23  root.render(<App/>)
24
25  fireEvent.click(await screen.findByText('click me'))
26})()