Breaking News: Grepper is joining You.com. Read the official announcement!

display content in a modal react

Shashank Thapliyal answered on April 24, 2022 Popularity 9/10 Helpfulness 4/10

answer display content in a modal react

display content in a modal react

Comment

import React, { useState } from "react";
import "./styles.css";

import Modal from "react-modal";

Modal.setAppElement("#root");

export default function App() {
  const [isOpen, setIsOpen] = useState(false);

  function toggleModal() {
    setIsOpen(!isOpen);
  }

  return (
    <div className="App">
      <button onClick={toggleModal}>Open modal</button>

      <Modal
        isOpen={isOpen}
        onRequestClose={toggleModal}
        contentLabel="My dialog"
      >
        <div>My modal dialog.</div>
        <button onClick={toggleModal}>Close modal</button>
      </Modal>
    </div>
  );
}

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: display javascript

Link to this answer
Share Copy Link

Contributed on Apr 24 2022

Shashank Thapliyal

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

display content in a modal react

Contents

More Related Answers

display content in a modal react

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.