material-ui中断点道具（xs，sm，md ...）的布尔值的目的是什么

Question

我正在努力寻找文档（或通过代码试验获得的结果）将布尔值作为 material-ui 中网格组件的断点道具的值的目的是什么。查阅grid api 文档显示布尔值是断点道具 lg、md、sm、xl、xs 的有效值。

我明白，如果我说sm={3}我会得到一个组件，一旦显示宽度增加到超过 xs 断点（600px），它就会改变以占用 3 个网格列单位，但不知道将布尔值作为值传递：

例如，提供xs={true}或md={false}成为的原因是什么？我怎么可能自己知道原因？（是否有一些我缺乏的基础知识？）

Answer 1

例如，提供 xs={true} 或 md={false} 的原因是什么？我怎么可能自己知道原因？（是否有一些我缺乏的基础知识？）

事实是，库和框架通常在执行过程中固执己见。除非他们自己解释，否则无法轻易说出每个决定背后的每个原因。虽然在某些情况下可以通过适度的努力推断出推理，但在大多数情况下，其他情况太小了，不值得大量解释。您可以并且应该在项目的 github 页面上打开一个问题（请先搜索！）以找出其背后的逻辑，这通常会导致文档方面的改进。

现在进入其背后的推理。这需要对源代码进行一些检查，这取决于您对语言的理解程度以及他们编写的程度。

在页面底部，它说：

...组件的实现以获取更多详细信息...

在链接之后，它显示了它如何根据传递的值设置样式。因为true它会

if (size === true) {
  // For the auto layouting
  styles[key] = {
    flexBasis: 0,
    flexGrow: 1,
    maxWidth: '100%',
  };
  return;
}

并且false没有被覆盖，这可能意味着它会阻止完全应用这些样式。

希望有帮助！