Javascript 反应:我是否将一行html作为组件?

Javascript 反应:我是否将一行html作为组件?,javascript,html,reactjs,Javascript,Html,Reactjs,假设我有一个p标记,它在web页面中被多次使用(与不同的类一起使用)。那么我应该把它做成组件吗 如果我把它做成组件,那么将来如果我必须把它包装在假设div标记中,那么我只需要在一个地方进行更改,否则我必须在每个地方进行更改 假设我的父组件中有50个p标签,如果我制作了p标签组件并在需要的地方使用,那么在所有的50个时间里,它都会调用该组件(p标签组件),如果直接使用p标签,这是可以避免的(我想与前一个相比,这对性能是好的) 没有理由在React组件中包装本机DOM元素。直接使用它们。我想您应该创

假设我有一个p标记,它在web页面中被多次使用(与不同的类一起使用)。那么我应该把它做成组件吗

如果我把它做成组件,那么将来如果我必须把它包装在假设div标记中,那么我只需要在一个地方进行更改,否则我必须在每个地方进行更改


假设我的父组件中有50个p标签,如果我制作了p标签组件并在需要的地方使用,那么在所有的50个时间里,它都会调用该组件(p标签组件),如果直接使用p标签,这是可以避免的(我想与前一个相比,这对性能是好的)

没有理由在React组件中包装本机DOM元素。直接使用它们。

我想您应该创建组件,这样您就可以在不查看整个项目的情况下对其进行更改。您还可以包装该代码段的逻辑,此外,您还可以对其进行测试。

这实际上取决于项目和您的使用情况。通常,没有理由将本机元素包装到组件中

您希望通过使用段落组件实现什么?如果每个P标记上都有不同的类,为什么不将父组件中的一个道具传递到P标记的包装器中,在P标记中可以执行如下操作:

<p className={this.props.className + "-specialParagraph"}>Foo</p>

Foo

这样,您就可以为每个p标记创建一个特殊的类,而无需从中生成实际的组件


但正如我所说,这实际上取决于您想要实现什么。

您可以将其作为一个功能组件