Reactjs 如何处理授权以及如何在React MPA中使用多个页面

我需要在我的react应用程序中为多个页面/组件添加授权，如何在不重复同一个fetch（）的情况下实现这一点？基本上只是检查一下，我是否登录了，这样我就可以在导航栏上显示相应的按钮，并在某些情况下将用户移动到登录页面。 我应该创建一个带有回调的组件，如果im登录或未登录，该组件将返回布尔值和信息吗

现在每个url都有一个大的组件，它呈现navbar组件，并且通常只有一个实际的组件在UI的正确位置，这是一个好的实践吗

从一页移动到另一页时，我应该做什么？我注意到我需要清除setInterval，还有什么吗？

您可以创建一个HOC（高阶组件）

Sahil Mittal写了一篇很好的文章，解释了如何为经过身份验证的路由创建HOC：