反应函数的良好实践

Question

我猜，当我的组件开始变大并且他的函数中有一些复杂的逻辑时，我应该为函数和处理程序制作一个单独的文件吗？或者在同一个文件中维护组件逻辑和渲染方法是更好的做法？对不起，如果这不是一个好问题，但这让我很困扰。我希望得到一些好的提示。谢谢你。

Answer 1

React 站点提供了关于Thinking in React的精彩概述，引导您完成使用 React 构建可搜索产品数据表的思考过程。

我建议从那里开始，然后浏览整个主要概念部分。

构建可扩展的、架构良好的应用程序需要经验。不是你可以从一个 stackoverflow 问题中收集到的东西。祝你好运！

Answer 2

与其编写复杂的组件，不如为组件定义至多最小的部分。这样，您将只需要钩子和方法。这样您就可以在旅途中拥有清晰的视野。

例如。

坏的

• 面组件

好的

• 眼睛组件

• 嘴部组件

• 鼻子组件

• 耳组件

• ... 成分

您还可以阅读以下文档：

• 组件和道具

• 提升状态

而最重要的是：

• 在反应中思考