自动打开对话框反应材料

Question

您知道我如何才能进入页面时，材料UI对话框会自动打开并做出反应 演示：https://codesandbox.io/s/6r757

Answer 1

使用useEffect调用功能组件时，可以打开对话框。

Demo.js

 useEffect(() => {
    handleClickOpen();
  }, []);

Answer 2

正如Ryan在评论中所说，只需更改此行：

  const [open, setOpen] = React.useState(false);

到

  const [open, setOpen] = React.useState(true);

Answer 3

由于您使用钩子方法， 您可以在每次页面加载时使用useEffect来调用函数，只需在useEffect中调用handleClickOpen。​​

useEffect(() => {
    handleClickOpen();
  }, []);