fdin

photo/src/modal.js

@@ -1,6 +1,8 @@
 import React from 'react';
 import { makeStyles } from '@material-ui/core/styles';
 import Modal from '@material-ui/core/Modal';
+import Fade from '@material-ui/core/Fade';
+
 
 function rand() {
     return Math.round(Math.random() * 20) - 10;
@@ -42,6 +44,7 @@ export default function SimpleModal() {
         setOpen(false);
     };
 
+    /*
     return ( <
         div >
         <
@@ -53,7 +56,31 @@ export default function SimpleModal() {
         onClose = { handleClose } >
         <
         div style = { modalStyle }
-        className = { classes.paper } > 123 < SimpleModal / > < /div>< /
+        className = { classes.paper } > 123 < /div>< /
+        Modal > < /
+        div >
+    );
+    */
+    return ( <
+        div >
+        <
+        button type = "button"
+        onClick = { handleOpen } >
+        Open Modal <
+        /button> <
+        Modal open = { open }
+        onClose = { handleClose } >
+        <
+        div >
+        <
+        Fade in = { open } >
+        <
+        div > 123 < SimpleModal / > < /div>
+
+
+        <
+        /Fade> <
+        /div>< /
         Modal > < /
         div >
     );