升级版Excel，千亿级大厂新选择：吊打金蝶用友？完胜SAP Oracle？-英雄云拓展知识分享
409
2024-01-22
如何在材料-UI对话框中使用withersponsivefullscreen-英雄云拓展知识分享
我正在使用材料UI的预告，您可使用网格布局并实现断点。我已使用了隐藏和网格的组件，现在我想使用对话框的withResponsivefullscreen组件。问题是我不知道如何使用它，而《神器》页面只是给出一些解释。
我可使用隐藏的方式来改变两个不同的对话框之间的折扣，但是我不想以这类方式复制我的代码。那末有一个知道如何使用它的人吗？我只希望对话框在XS断点处完全。
我正在使用扩大的react.component类构造对话框，并在Render（）归还具有我自己的内容的材料-UI对话框。
最后，我知道如何使用 withResponsiveFullScreen。您必须将其直接使用到对话框材料-UI类中，然后使用返回组件来创建对话框。
在这里和示例：
var ResponsiveDialog = withResponsiveFullScreen()(Dialog);class MyDialog extends React.Component {
constructor(props){ super(props); };
render(){
return (
<ResponsiveDialog>
<DialogTitle></DialogTitle>
<DialogContent></DialogContent>
</ResponsiveDialog>
);
}
}
重要的： 不要在渲染函数内使用withResponsiveFullscreen。
要更改断点的PAS和对象，请使用断点：
var ResponsiveDialog = withResponsiveFullScreen({breakpoint: 'xs'})(Dialog);
暂时没有评论，来抢沙发吧~