gpt4 book ai didi

reactjs - 使用 HoC 时如何正确分配通用 Prop ?

转载 作者:搜寻专家 更新时间:2023-10-30 21:44:26 27 4
gpt4 key购买 nike

所以我有一个组件,这个组件被传递给一个 HOC,它应该增强原始组件。

我为组件接收的 Prop 声明了一个类型,但我仍然收到错误“TS2741”,它说:

Property 'auth' is missing in type '{}' but required in type 'AppProps'

我写了一个小例子,你可以在这里看到: https://stackblitz.com/edit/react-ts-huaq8s

所以我的猜测是,TypeScript 检查是否 props来自 withAuth 内的返回函数具有通过我们的类型声明的属性。这只会失败,因为我们正在检查的属性是稍后添加的(通过 <WrappedComponent ... /> )

根据我目前的知识,我猜我必须以某种方式告诉 TypeScript 返回的 WrappedComponent应该检查是否有 P .但我不知道该怎么做。

所以显然在我问这个问题之前,我在论坛上阅读了很多在线文章和几个问题,但仍然找不到答案。

这里有人可以帮我吗?

最佳答案

我相信您只需要将 AppProps 类型传递给 withAuth,否则您声明的泛型不会被使用。

即:

const AppWithAuth = withAuth<AppProps>(App)

这是您要找的吗?

https://stackblitz.com/edit/react-ts-uxhgql?file=index.tsx

关于reactjs - 使用 HoC 时如何正确分配通用 Prop ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57957980/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com