1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
function Field(props) {
return <input defaultValue="Ada" />
}
function App() {
const inputRef = React.useRef(null)
const [msg, setMsg] = React.useState("")
return (
<div>
<Field />
<p id="value">{msg}</p>
<button id="read" onClick={() => setMsg(inputRef.current ? inputRef.current.value : "no ref")}>read</button>
</div>
)
}
const root = ReactDOM.createRoot(document.getElementById("root"))
root.render(<App />)