Material ui 如何使用网格组件的cssapi

我正在尝试使用网格组件，但我不知道如何使用cssapi。这些医生帮不了我。我就是不明白

有人能帮我吗

---

我知道这不是一个很好的地方，对不起，但我在任何地方都找不到任何答案。理想情况下，您可以将方向设置为

行

，并将

方向xs行

类与您定义的类的名称一起设置（将方向设置为

列反转

），但是没有为任何断点覆盖

行

而公开的类

您可以选择另一种方式，将方向设置为

列反转

，并覆盖

方向-*-列反转

（对于所有其他断点），但这将是乏味的，而且有点疯狂

目前唯一的方法是设置

className

道具，通过和应用一些响应性样式：

//创建一个类，该类将为xs断点设置flex方向
常量样式=主题=>({
[主题.breakpoints.down（'xs'）]：{
响应方向：{
flexDirection:“列反转”，
},
},
});
//使用withStyles通过'classes'属性使类可用
导出默认样式（样式）（InteractiveGrid）；

然后将您的类名，

classes.responsiveDirection

作为网格的

className

prop:

{/*我们通常会从this.props*/}解构类

---

检查此示例。

理想情况下，您可以将方向设置为

行

，并将

方向xs行

类与您定义的类的名称一起设置（这会将方向设置为

列反转

），但没有为任何断点覆盖

行

而公开的类

您可以选择另一种方式，将方向设置为

列反转

，并覆盖

方向-*-列反转

（对于所有其他断点），但这将是乏味的，而且有点疯狂

目前唯一的方法是设置

className

道具，通过和应用一些响应性样式：

//创建一个类，该类将为xs断点设置flex方向
常量样式=主题=>({
[主题.breakpoints.down（'xs'）]：{
响应方向：{
flexDirection:“列反转”，
},
},
});
//使用withStyles通过'classes'属性使类可用
导出默认样式（样式）（InteractiveGrid）；

然后将您的类名，

classes.responsiveDirection

作为网格的

className

prop:

{/*我们通常会从this.props*/}解构类

---

请查看此示例。

更准确地说。我有一个方向为默认“行”的网格。但当到达断点XS时，我希望方向是列反转的。我想CSS API中的direction xs column reverse可以帮助我，但我不知道如何使用它。仅供参考，我得到的答案是：基本上，你需要等待。同时，您必须应用自定义CSS。我们有一些需要帮助。我用过它，现在工作很好：）更准确地说。我有一个方向为默认“行”的网格。但当到达断点XS时，我希望方向是列反转的。我想CSS API中的direction xs column reverse可以帮助我，但我不知道如何使用它。仅供参考，我得到的答案是：基本上，你需要等待。同时，您必须应用自定义CSS。我们有一些需要帮助。我用过了，现在效果很好：）