zrozumiecReact.pl

import { useState, useEffect } from "react";

export default function App() {
    const [user, setUser] = useState({});
    const [username, setUsername] = useState("");
    
    useEffect(() => {
        fetch("https://jsonplaceholder.typicode.com/users/1")
            .then(res => res.json())
            .then(res => setUser(res));
    }, []);

    function handleSubmit(e) {
        e.preventDefault();
    }

    return (<>
        <h1>Dane osobowe </h1>
        <h2>Username: {user.username}</h2>
        <h2>Email: {user.email}</h2>
        <h2>Miasto: {user?.address?.city}</h2>
        <form onSubmit={handleSubmit}>
            <input 
                value={username} 
                onChange={(e) => setUsername(e.target.value)} 
                placeholder="Zmień nazwę"
            />
            <button disabled={username.trim().length === 0}>Zapisz</button>
        </form>
    </>);
}