HOC、上下文 API 和下一页

问题描述

可以在下一页中使用带有上下文 api 的 Hoc 吗？

我有一个由 SSR 生成的下一页，以及一个 HOC 私有路由来验证此页面上的授权。但是对于每次访问，我们都有一个授权请求，这听起来像是我的问题。

我的想法是使用 contexApi 一次性获取数据，并在 auth 私有路由上重用。

任何人都有一个最小的例子？

谢谢。

解决方法

我找到了解决方案。

问题是在 react 类组件中使用 Context。

mport React,{ Component } from 'react'
import UserContext from './UserContext'

class HomePage extends Component {
  static contextType = UserContext

  componentDidMount() {
    const user = this.context

    console.log(user) // { name: 'Tania',loggedIn: true }
  }
for more,see https://www.taniarascia.com/using-context-api-in-react/
  render() {
    return <div>{user.name}</div>
  }
}