zrozumiecReact.pl

import { useQuery } from "@tanstack/react-query";
import { useState } from "react";

export default function App() {
    const [activeUserId, setActiveUserId] = useState(1);
    
    const { data } = useQuery({
      queryKey: ["user"], 
      queryFn: () => fetch(`https://jsonplaceholder.typicode.com/users/${activeUserId}`)
        .then(res => res.json())
      });

    return (<>
        <h1>Szczegóły osoby</h1>
        <p>Wybierz osobę:</p>
        <select value={activeUserId} onChange={e => setActiveUserId(Number(e.target.value))}>
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
        </select>
        {data && <><p>Imię: {data.name}</p><p>Email: {data.email}</p></>}
    </>);
}