Reactjs 可以使用“吗？”；方框“；什么都有？

我目前正在将情感与样式化的系统插件和文档一起使用。这里有一些Box组件的示例，我们可以使用它来创建布局的一些块，如：

方框1
方框2

我认为其中一个原因是语义（人类可读性）。如果这些东西都是“盒子”，你一眼就看不出它们是什么。所有内容都可以从box继承，但如果有更好的选项可供选择，例如

Image

或

Flex

，则不应该只是一个box

对于只控制布局的东西，您还可能会有太多的道具，例如

fontSize

。最好根据事物所代表的内容将它们分开，不管它们是否共享相同的属性

这个模型是标准html使用的，正如

<Box>
   <Text>Hello world</Text>
</Box>

你好，世界

很像

<div>
    <p>Hello world</p>
</div>

你好，世界

这可能是错误的，但当我想创建一个5倍边距的简单文本（例如）时，我觉得它太麻烦了，为此我仍然需要在它周围创建一个框。使用类似的方法，或者这种方法更正确吗？这可能是一个有点做作的例子。我给她看的那个剧组大概还有其他孩子。你是对的，一次又一次地重复这种模式有点奇怪。一个

文本

仍然可以从

盒子

继承（至少我是这样设计的，所有的路都通向盒子）。因此，您可以根据自己的需要执行

foo

。还记得考虑使用<代码>作为< /COD>关键字，这样你的文本就可以变成P/H1/SPAN等。总体来说，你的直觉是正确的，只要文本是一个样式（框）。当所有道具都从盒子中取出时，您仍然可以获得可读性的好处。