Reactjs 如何使用react JS将UI拆分为独立的、可重用的部分（组件）

我们是新来的。关于什么应该是组件，什么不应该是组件，有很多首次亮相/困惑

是否有任何指导原则可以简化此决策？

---

例如，一个按钮在整个网站的许多地方显示，应该是一个单一的组成部分？而按钮的属性，如颜色、尺寸、动作、标签等都会有所不同。

你不必提前决定，“哦，我要重新使用它，所以我会把它变成一个组件。”通常你从一个组件开始，然后再把它分解：你从一个组件开始，它会越来越大，您注意到它变得越来越笨拙，或者在某些地方有相同的代码，所以您需要重构成多个组件

DRY：当您发现自己在多个位置重复相同的React代码时，就需要一个组件

此外，任何时候只要你有复杂的逻辑，只适用于你的用户界面的一部分，这是另一个很好的时间来分离出来。否则，您将最终陷入一个复杂的大混乱

---

我刚开始的时候也在想同样的事情。当您使用React时，它会变得更清晰。给它一些时间，不要害怕回去重构

是的……组件是通用的，道具使其显示不同……有一些很好的主题，比如（过去被称为智能和哑组件），一般的想法是您的组件应该只做您需要它做的事情，而不做更多，以增强组件的可重用性。但我并不认为你现在的问题是关于这个话题的