refs-useRef-example.js

import { useRef, useState } from "react"

export default function RefComponent() {
    const counterRef = useRef(0)
    const [text, setText] = useState()
    return (
        <div>
            <p>counterRef: {counterRef.current}</p>
            <p>text: {text}</p>
            <button onClick={() => counterRef.current++}>Increment</button>
            <br />
            <button onClick={() => console.log(counterRef.current)}>Log counterRef value</button>
            <br />
            <input onChange={(e) => setText(e.target.value)} type="text"></input>
        </div>
    )
}