应该是什么组件？

Question

我正在努力解决什么需要成为一个组件？

例如：

• 我有一个页面，其中的所有内容仅与其自身相关。

• 我在每个表单控件上都有一个文本输入;我需要将其包装在组件中吗？但是每个地方都需要不同类型的验证以及仅与之相关的其他内容，为什么要这样做呢？

通常，当涉及到表单时，只有样式是相同的，那么为什么我们需要将它包装在一个组件中呢？我们可以用CSS分享风格。

Answer 1

tl; dr; 是组件是可重复使用的封装片。它与Brad Frost's Atomic Design类似。这不是火箭科学，不同的人可能会将他们的应用程序分成不同的组件。

也就是说，有足够的教程/文章可以帮助您了解何时创建组件。为了帮助您入门：

• https://medium.com/@rajaraodv/step-by-step-guide-to-building-react-redux-apps-using-mocks-48ca0f47f9a
• https://medium.com/@dan_abramov/smart-and-dumb-components-7ca2f9a7c7d0

Answer 2

您希望拆分为组件的原因：

1. 在代码的多个文件/部分中重复使用代码。
2. 封装某些代码的复杂性，以便其他开发人员可以使用它而无需了解其实现细节;只需要查看props。
3. 您需要在特定生命周期钩子中执行操作，例如在组件更新时，在componentDidUpdate中执行某些操作。
4. 您希望optimize呈现，并且必须为代码的某些部分实施shouldComponentUpdate。