Question
What does the code snippet to the right output by console.log?
React quiz · 13
UseRef
StatusNot taken
Code
1// This is a React Quiz from BFE.dev
2
3import * as React from 'react'
4import { useRef, useEffect, useState } from 'react'
5import { createRoot } from 'react-dom/client'
6
7function App() {
8 const ref = useRef(null)
9 const [state, setState] = useState(1)
10
11 useEffect(() => {
12 setState(2)
13 }, [])
14
15 console.log(ref.current?.textContent)
16
17 return <div>
18 <div ref={state === 1 ? ref : null}>1</div>
19 <div ref={state === 2 ? ref : null}>2</div>
20 </div>
21}
22
23const root = createRoot(document.getElementById('root'));
24root.render(<App/>)