Is there a difference in using the open prop or conditionally rendering Material-UI's Modal component and its built components? The closing transition may be lost, but are there any performance advantages when dealing with multiple Modals?
Example with the open prop:
const [openModal, setOpenModal] = React.useState(false);
return (
/* code to set openModal to true */
<Modal open={openModal} onClose={() => setOpenModal(false)}>modal stuff here...</Modal>
);
Example with conditional rendering:
const [openModal, setOpenModal] = React.useState(false);
return (
/* code to set openModal to true */
{
openModal &&
<Modal open onClose={() => setOpenModal(false)}>modal stuff here...</Modal>
}
);