问题标签 [react-hoc]

我有用 HOC 包装的功能组件。它在 api 调用后返回一些道具。如何在我的子组件（功能）中设置状态。

这是我的 HOC 结构。在 api 调用之后，数据将在 redux 中。我正在使用 mapToStateProp 为我的功能组件获取一个道具。（反应版本 16.3）请对此提出任何建议。

功能组件

我是反应初学者。请推荐一个好方法

我想创建一个返回高阶组件的高阶函数。

在下面的示例中，我创建了一个validateSearchParams函数，该函数创建了一个可用于包装组件的函数。但是，Typescript (3.7.2) 无法正确推断类型。

在最后一行中，我收到以下错误：

Cmp通过将参数列表合并，我还可以创建一个更简单的 HOC 版本：

...但是有没有办法在validateSearchParams没有明确类型的情况下制作作品的第一个版本？

我已经开始学习反应。

我不确定在使用 redux-connect 时如何在（父子）组件之间传递值。

当我直接导出没有connect或的类时效果很好compose

错误

父.tsx

孩子.tsx

我无法将 HOC 的反应特性与功能组件一起使用。在下面的代码中导出默认 HOC({component: SampleComponent}) 不起作用

HOC 很简单

最初，props 中没有属性国家。所以，如果props中没有country属性，我需要显示加载消息，但问题是即使属性country确实存在，它也会继续渲染加载元素。因此，国家财产会在某个时间后出现，并且必须进行检查。我不确定这样做是否正确。

我试图避免使用类顺序组件。或者任何其他方法来创建加载 hoc？谢谢

我有两个 HoC 组件。首先必须充当一些布局包装器，其中将包含一些用于移动渲染等的逻辑。

如果用户登录，第二个 HoC 将处理。

我已经包装了将呈现实际页面的主页组件，它需要从上面显示的两个 HoC 组件传递道具，但我只从 LayoutWrapper Hoc 而不是 Secured Hoc 组件获取道具。它实际上有什么问题？

我正在尝试创建 HOC 并在内部使用自定义反应钩子。此外，为了使用钩子，我需要将 paras 传递给 HOC，但我只在函数体中使用钩子时出现错误。我的 HOC 是：

我的 useAxisTranslate 看起来像：

我的呼吁是：

我得到的错误是：

我不知道为什么会出现此错误，因为我在这里不使用类 感谢您的帮助

我只是尝试将 forwardRef 与 withRouter(mycomponent) 一起使用，如下所示：

如果我将组件包装在 withRouter HOC 中，则 ref 将不起作用，它始终为空。那么如何将 forwardRef 与包装在 withRouter 中的组件一起使用？

我通过Create-React-App具有以下包（提到与我的问题相关的包）创建了反应项目：

我创建了一个简单的 HOC（到目前为止它什么都不做，但我稍后会添加我的逻辑），如下所示：

并像这样导出我的组件：

并像这样使用这个组件：

但是在编译器中出现错误：

我已经尝试过人们在 Google 上发现的其他类似 Stack Overflow 问题和文章中提出的建议，但到目前为止还没有任何效果。

如果用户未通过身份验证，服务器将发送 401 响应，并且我尝试使用 HOC 在前端检查身份验证，如使用 react-router-v4 在路由上执行身份验证中所示。但是，我TypeError: Cannot read property 'Component' of undefined在 RequireAuth 中收到一条错误消息

RequireAuth.js

应用程序.js