React class 组件和功能组件可以访问相同的上下文吗？

Question

我正在开发一个主要使用 React Class 组件构建的 React 项目。 最近，团队决定开始转向带有钩子的功能组件。

有没有办法让功能组件和class组件访问相同的上下文？ 换句话说，如果我有一个上下文提供程序被设置为一个类/由 class 组件使用，那么我可以使用下游功能组件来访问和更新该上下文吗？

同样的问题是另一种方式（设置提供程序以使用 useContext() 挂钩并通过 class 组件访问它）

我在网上看到了很多关于“如何使用上下文 api”的内容，但还没有看到一个将它们结合起来而不是简单地解释使用上下文的两种方法的方法。

Answer 1

您仍然可以在基于 class 的组件中使用上下文。

更好的是，只需将您尝试折射的特定组件转换为基于 function 的组件。

不一定意味着重写代码..只需将 class 之类的内容更改为 const 和组件的名称。 接下来移除render方法，只留下return。 像创建函数这样的所有其他事情都可以像常规函数一样在 return 之上和组件体内部完成。