refs-useState-example.js

import { useState } from "react"

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