reactjs - React Context Hook vs 将数据直接引入组件

Question

我是使用 React 钩子(Hook)的忠实粉丝，我也喜欢在 Firebase 之上进行开发。

鉴于 Firebase 的实时数据库功能，我倾向于将给定 React 组件所需的数据直接调用到组件本身或邻近的父组件中，而不是将数据拉入 Redux 存储或组件中通过 React useContext 钩子(Hook) API。

是否有某种原因我不应该只是将数据拉入组件中，并且经常使用 useState Hook 将其存储在该组件的状态中？对于许多应用程序来说，通过 Redux 甚至通过 useContext Hook 将某些组件使用的数据拉入应用程序范围的状态似乎有点过头了。

你能帮我理解我的想法是否正确，以及是否存在使用 useContext 钩子(Hook)更有意义的情况(除了明显的用例，如应用程序主题或皮肤)。我只是在决定对我的组件采用哪种方法时遇到了麻烦。

谢谢，

戴维斯

Answer 1

您所描述的方法的主要缺点是可能会进行多次冗余调用。如果多个组件需要相同的数据，您将花费不必要的资源多次获取该数据。这就是 React 的 Context API 旨在解决的问题。如果您有 user对象和两个组件需要知道用户的name ，您可以将用户对象存储在上下文中，然后在整个应用程序中访问该上下文，只调用一次获取用户。