zrozumiecReact.pl

import { useState } from "react";

export default function App() {
    const [name, setName] = useState("");
    const [lastName, setLastName] = useState("");

    const [person, setPerson] = useState(null);

    function handleSubmit() {
        setPerson({name, lastName});
        setName("");
        setLastName("");
    } 

    return (
        <>  
            <h1>Dane osobowe:</h1>
            {person && <>
                <h2>{person.name} {person.lastName}</h2>
            </>}
            <form onSubmit={handleSubmit}>
                <div>
                    <input 
                        onChange={(e) => setName(e.target.value)} 
                        value={name} 
                        placeholder="Imię" />
                </div>
                <div>
                    <input 
                    onChange={(e) => setLastName(e.target.value)} 
                    value={lastName} 
                    placeholder="Nazwisko" />
                </div>
                <button>Zapisz</button>
            </form>
        </>
    );
}