zrozumiecReact.pl

import { useState } from "react";
import { createPortal } from "react-dom";
import { Modal } from "./Modal";

export default function App() {
  const [isModalOpened, setIsModalOpened] = useState(false);
  
    return <section onClick={() => console.log("Kliknięcie w section!")}>
        <p>Prosta aplikacja do przećwiczenia React Portal.</p>
        <p>Kliknięcie buttona otwiera modal!</p>
        <button onClick={() => setIsModalOpened(true)}>Otwórz modal</button>
        {isModalOpened && createPortal(
            <Modal onClose={() =>  setIsModalOpened(false)} />, 
            document.body)
        }
    </section>;
}