小编bbb*_*n14的帖子

一段时间以来，我一直在努力解决在 React 中放置辅助函数的问题（例如，在组件内部或外部声明辅助函数）。我一直在到处寻找最佳实践，但没有找到超级令人信服的东西。我已经尝试过这两种方法，但我很难决定哪种方法更有益。我想知道人们对这个问题是否有不同的想法。

优点 在组件内声明的辅助函数：

\n
• 可以使用道具和挂钩
\n

缺点：

\n
• 让你的组件有点混乱，\xc2\xa0
\n
• 没有任何参数的调用会导致一堆副作用，这并不是特别有吸引力
\n
• 不易暴露进行测试
\n

组件外部辅助函数的优点：

\n
• 容易暴露进行测试
\n
• 也许更具声明性？
\n

缺点：

\n
• 丢失辅助函数的上下文，因为它们通常是为特定组件创建的
\n
• 要求您在文件之间来回切换
\n
• 不 DRY 因为 props 和 hooks 需要再次作为参数传入
\n