zrozumiecReact.pl

import { useState, useRef, useEffect } from "react";

export default function App() {
    const [isFormOpen, setIsFormOpen] = useState(false);
    const inputRef = useRef(null);

    useEffect(() => {
        if (isFormOpen) {
            inputRef.focus();
        }
    }, [isFormOpen]);

    return (
        <>  
            <h1>Formularz:</h1>
            {isFormOpen ?
                <form>
                    <input ref={inputRef} placeholder="Imię" />                
                </form> :
                <button onClick={() => setIsFormOpen(true)}>
                    Pokaż formularz
                </button>
            }
        </>
    );
}