React - 布局组件

Question

以React方式在可重用组件之间设置边距的最佳方法是什么？

考虑到我有这种布局

<div className="firstLayout">
    <Timestamp />
    <Title />
<div>

<div className="secondLayout">
    <Timestamp />
    <Title />
<div>

在第一个布局中，我希望组件之间没有边距。在第二种布局中，我希望它们之间有5px的余量。

在我看来，我有两个选择 -

1. 包含<Spacer/>组件，该组件插入带有所需空格的空div（额外标记）

2. 将支柱传递给组件并使用内联样式对其进行样式设置，这在性能，调试方便性等方面都较差。

解决这个问题的最佳方法是什么？

感谢。

Answer 1

这种风格的最佳方式可能是css：
在做出反应时，在时间戳和标题中给出最高的真实标签（div？） 组件一个className。

在你的css中：

-1,0,1