哪个更好？一个大的无状态组件与多个小的staless组件

Question

就React性能而言，这是更好的选择，使用单个大型无状态组件或分成多个无状态组件。例如，我有一个Post组件来渲染一个不会发生变化的帖子，它有一些部分（标题，封面，正文）。

请以简单的方式解释您的答案。

Answer 1

那么这些是我的理由：

• 小型组件更易于理解，测试和维护
• 您可以在其他不同功能组件中重用小组件
• 每个组件都可以保持其特定的逻辑 与其他组件隔离。

如果您想详细了解

，这是great article

Answer 2

关于性能：轻量级组件更好，因为渲染只针对更改的组件，而不是整个左侧的帖子。

我也同意@Kerry Gougeon关于重用和维护的评论。忘记轻微的性能差异，实现左侧不利于维护，测试轻量级组件要容易得多：当遇到问题时，找到它会快得多。请阅读：https://reactjs.org/docs/thinking-in-react.html。

Answer 3

小部件放下。

首先，它们更容易测试。其次，它们更容易重用。第三，最好是让组件非常轻量级。这是React的要点之一。小巧轻便的可重复使用组件。