Material ui 如何在材质UI对话框上使用withResponsiveFullScreen

我使用的是材料界面的预简化，你可以使用网格布局和实现断点。我已经使用了隐藏和网格组件，现在我想使用对话框的withResponsiveFullScreen组件。问题是我不知道如何使用它，而官方页面只是给出了一点解释

我可以使用Hidden来更改两个不同对话框之间的beetween，但我不希望以这种方式复制我的代码。有人知道如何使用它吗？。我只希望对话框在xs断点处全屏显示

---

我正在使用React.Component的扩展类构造对话框，并在render（）返回一个包含我自己内容的材质UI对话框。

最后，我知道如何使用带有ResponsiveFullScreen的

。您必须直接将其用于Dialog Material UI类，然后使用返回组件创建对话框

以下是示例：

var ResponsiveDialog = withResponsiveFullScreen()(Dialog);
class MyDialog extends React.Component {
    constructor(props){ super(props); };

    render(){
        return (
            <ResponsiveDialog>
                <DialogTitle></DialogTitle>
                <DialogContent></DialogContent>
            </ResponsiveDialog>
        );
    }
}

var ResponsiveDialog = withResponsiveFullScreen({breakpoint: 'xs'})(Dialog);