zrozumiecReact.pl

import { useState, useEffect } from "react";

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

    return (<>
        <h1>Dane osobowe </h1>
        <select value={activeUserIndex} onChange={(e) => setActiveUserIndex(e.target.value)}>
            <option value="1">Użytkownik 1</option>
            <option value="2">Użytkownik 2</option>
            <option value="3">Użytkownik 3</option>
            <option value="4">Użytkownik 4</option>
            <option value="5">Użytkownik 5</option>
        </select>
        <h2>Username: {user.username}</h2>
        <h2>Email: {user.email}</h2>
        <h2>Miasto: {user?.address?.city}</h2>
    </>);
}