了解 React 项目的基于特色的文件夹结构

Question

我使用的是基于功能的 React 架构documentation，我了解了它背后的一般概念，但我对此有一些疑问：

1. 如果我需要在另一个功能中使用一个功能的代码怎么办？这可以允许吗？根据功能分离概念，每个功能都必须使用自己的模块/代码进行隔离。

2. 如何启用功能之间的通信？

一种可能的情况是，useAuth 钩子，这将使用login、logout 和其他方法在应用程序中处理身份验证过程，因此任何功能都可以访问此功能所必需的，那么我可以有两个可能的地方可以放置这个钩子：

1. 创建一个名为hooks 的文件夹，全局挂钩将在其中存在，并在那里放置useAuth 挂钩。

2. 创建一个名为 authentication 的功能，上面有一个钩子文件夹，并将我们的 useAuth 钩子放在那里，但是，我怎样才能使这个钩子对其他功能可见？

Answer 1

第一个问题，

如果我需要在另一个功能中使用一个功能的代码怎么办？这可以允许吗？根据功能分离概念，每个功能都必须使用自己的模块/代码进行隔离。

您可以将useAuth 挂钩放在common/ 文件夹中，或者如果您有太多，请使用您对另一个文件夹的想法。

如何启用功能之间的通信？

使用标准的 React Context API，您可以创建一个创建上下文的文件，并在需要时导入该上下文。要进行更高级的状态管理，您将需要像 MobX 这样的库。