reactjs - Material-ui 中断点属性(xs、sm、md...)的 bool 值的用途是什么

Question

我正在努力寻找文档(或通过代码实验得到的结果)将 bool 值作为material-ui中网格组件的断点 Prop 值的目的是什么。咨询grid api documentation显示 bool 值是断点属性 lg、md、sm、xl、xs 的有效值。

据我所知，如果我说 sm={3} 我将得到一个组件，一旦显示宽度增加超过 xs 断点 (600px)，我将更改为占用 3 个网格列单位，但没有关于将 bool 值作为值传递的想法:

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

Answer 1

For example what would be the reason for providing xs={true} or md={false} be? And how might I have learned the reason on my own? (is there some fundamental knowledge I'm lacking?)

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

现在来看看其背后的原因。这需要对源代码进行一些检查，这些检查可能会失败，具体取决于您对语言的理解程度以及他们编写的程度。

页面底部写着:

... the implementation of the component for more detail ...

点击链接后，它会显示如何根据传递的值设置样式。对于true，它将是

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

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

希望有帮助!