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

2023-11-22

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

我明白如果我说sm={3}一旦显示宽度增加超过 xs 断点(600px),我将得到一个组件,该组件会更改为占用 3 个网格列单位,但不知道如何传递布尔值作为值:

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


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

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

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

页面底部写着:

... the 组件的实现了解更多详情...

点击链接后,它会显示如何根据传递的值设置样式。为了true这将是

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

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

希望有帮助!

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Material-ui 中断点属性(xs、sm、md...)的布尔值的用途是什么 的相关文章

随机推荐