zrozumiecReact.pl

import { useState } from "react";

export default function App() {
    const [person, setPerson] = useState({
        name: "Jan",
        lastName: "Kowalski",
        isAdmin: false
    });

    function handleClick() {
        setPerson((prevPerson) => {
            prevPerson.isAdmin = true;
            return prevPerson;
        });
    }

    return (
        <>  
            <h1>Użytkownicy:</h1>
            <h2>{person.name} {person.lastName}</h2>
            <h3>{person.isAdmin ? "Administrator" : "Użytkownik"}</h3>
            {!person.isAdmin && 
                <button onClick={handleClick}>Daj uprawnienia admina</button>}  
        </>
    );
}