Material-UI：如何从给定位置“增长”对话框？

Question

我有一个对话框，该对话框是通过单击页面上特定的div触发的。

如何将对话框的默认淡入动画更改为一种，并从单击的div元素中扩展出来？

Answer 1

您应该签出CSS3 transitions。在Material-UI应用中，您需要在样式对象中定义一个类，然后在单击SELECT COUNT(*)时有条件地将其添加到Dialog的{​​{1}}道具中。

因此，您想要类似的东西（使用Hooks语法）：

外部组件：

className

组件主体：

div

在JSX中：

const useStyles = makeStyles({
  openDialog: {
    /* your transition CSS here */
  }
});

Material-UI还具有Transitions个组件供您使用。