我正在尝试将导航栏内容从登录/注册更改为其他内容，例如用户登录后的个人资料。当用户未登录时，我的服务器发送 401 并且我有一个 HOC (RequireAuth.js) 用于检查受保护的路由也是如此，如果他们没有登录，则将它们重定向到登录。但是，我无法想出一种用这种逻辑更改导航栏内容的方法，并且想知道是否有一个好的方法来做到这一点（我有如果可能，不想为此目的使用 Redux）。

RequireAuth.js

导航.js

嘿伙计们，我是打字稿的新手，我有点困惑，所以如果你能帮助我，我将不胜感激。

正如你在下面看到的

我家功能组件

我的特设

我反应懒惰的成分

我面临的错误是在反应惰性组件中，它是：

在此错误之后，我尝试将 ComponentWrapper 强制导出为 React 组件类型，但我遇到了另一个错误，它位于主组件中：

我有一个装载机 HOC

特设：

我以这种方式使用它，例如：

现在我的表或任何其他组件，例如，将有自己定义良好的道具接口。一切都很好打字。

但是我遇到了这个问题

我该如何解决这个问题？

我为 React 编写了函数式和基于类的高阶组件函数。基于类的版本有效，而使用钩子的功能形式的精确翻译不起作用。有人可以解释我哪里出错了，下面提到了两个代码块。

基于类的 HOC

基于功能的 HOC

所以这里是主要思想，HOC 能够使用 React.lazy 和 React.Suspense 加载任何包装在组件中的组件。可能吗？？？所以，我已经能够写一些，但不确定我是否能够正确地制作......

我有一个用于 Success 的通用组件，并通过导航路线呈现该组件。

成功组件.jsx

WithTitle 组件通过 react-helmet 库设置标题并在每个屏幕上更新。我需要更改 SuccessComponent 不同调用的标题。我怎样才能做到这一点？

我正在使用 SuccessComponent 如下。

我的组件.jsx

MyComponent1.jsx

withTitle.jsx

我想用 axios 处理程序制作 HOC，所以我不需要处理来自响应的所有可能的反馈（404,200,401，响应等）

这是我的withFetchingAxios：

我只是在我的其他组件中使用它，例如Home：

但我从HOCconsole.log的函数中得到了无限循环，async makeRequest()

我如何避免它，只让 HOC 调用makeRequest()一次？

我需要处理 HOC 才能获得ability类似：

1. axios如果方法是，则在 didmount 时调用 HOCget
2. onPress如果方法是，则从事件调用 HOCpost

鉴于这个简单的自定义钩子

当我使用其中任何一个时，调用set上下文不会更新任何内容。当然，React 怎么知道我已经更新了任何东西？但是可以做些什么来使它工作（不包括使用提供者）？

** 编辑 **

好的，那么除了使用useContextthen 之外还有什么替代方法？这才是真正的问题，真的；如何使用这个钩子（或 HOC）更新组件？是useState唯一的方法吗？如何？使用一些事件发射器？

这是我的代码：

这是 this.refValue = ref 上的错误：

类型'组件<TAttributesType，任何，任何> | null' 不可分配给类型 'RefObject'。类型“null”不可分配给类型“RefObject”。

我上网查了一下，只能找到forwardedRefs的例子。我不需要从我传递的组件中转发 ref，因为 ref 仅在我的 hoc 中是必需的。

这是我的代码

我在 ref={refValue} 上收到错误

键入'{名称：字符串；类型：字符串；值：字符串；参考：参考对象；}' 不可分配给类型 'IntrinsicAttributes & TElementWithAttributes & { children?: ReactNode; }'。类型'IntrinsicAttributes & TElementWithAttributes & { children?: ReactNode; 上不存在属性'ref' }'。