腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
5
回答
用
TypeScript
编写反应高阶
组件
reactjs
、
typescript
、
higher-order-components
; 换句话说,
hoc
是一个产生实际临时值
的
函数。这个特殊
的
函数(我相信)是一个接受Component
的
函数。由于我事先不知道包装
的
组件
是什么,所以我使用泛型类型TChildProps来定义包装
组件
的
道具
的
形状。该函数还返回一个Component。返回
的
组件
接受包装
组件
的
道具
(同样,使用通用TChildProps键入)和它自己<e
浏览 8
提问于2017-04-28
得票数 19
回答已采纳
1
回答
Typescript
HOC
-
需要
React
组件
上
的
道具
typescript
我在强制
HOC
要求所有使用它
的
组件
都包含一个属性时遇到了麻烦。const withRequiredProp = function<OriginalProps extends ExpectedComponentProps>(/
浏览 11
提问于2019-10-18
得票数 1
回答已采纳
1
回答
:ReactNode;}’
上
不存在。TS2322
javascript
、
reactjs
、
typescript
、
material-ui
我正在使用MUI v5,并且有一个简单
的
FormControl,如下所示,我知道属性fullWidth是有效
的
,如中所述。import
React
, { PropsWithChildren } from '
react
'import: { text: string; option: string }[] const FormControl:
React
浏览 0
提问于2021-10-24
得票数 1
1
回答
如何在
react
HOC
中描述流程移除
道具
flowtype
我已经看过几篇关于如何在
hoc
中使用flow
的
文章,但如果我不想通过所有的
道具
,我不知道该怎么做。/* @flow */ pass: string,} rend
浏览 13
提问于2019-01-17
得票数 1
回答已采纳
1
回答
Flow类型高阶
组件
(
HOC
)属性类型保留
javascript
、
reactjs
、
flowtype
在这件事
上
,我
的
头撞到了墙上。我正在尝试将flowtype整合到一些
react
项目中。在大多数情况下,键入似乎工作得很好。但是,我使用
的
是一个库(
react
-jss),该库使用
HOC
将样式表类注入到
组件
中。问题是这个模块没有流类型,所以它取消了我
的
组件
上
的
任何属性验证,因为我
的
所有
组件
都包装在这个
HOC
中。我已经能够根据我看到
的
浏览 16
提问于2017-03-11
得票数 3
1
回答
为什么在导出
组件
而不是导入
组件
时应用
HOC
javascript
、
node.js
、
reactjs
、
redux
、
commonjs
我
的
基本理解是,像connect (用于连接redux store)之类
的
HOC
和其他
HOC
在导出
组件
时会应用到该
组件
。
HOC
,因为这会使
组件
更容易重用。相同
的
组件
可以从存储或从
道具
中提取
道具
,这将是父
组件
的
责任,以检查在
组件
上
应用哪个
HOC
的
内容。我知道我们可以使用容器<e
浏览 1
提问于2017-07-25
得票数 1
1
回答
以正确
的
方式组织?
reactjs
、
higher-order-components
我错误地写了两个版本
的
HOC
实现,但它没有抛给我任何错误并按预期工作,所以我希望有人能向我解释其中
的
区别。requireAuth是高阶
组件
import requireAuth from 'somepath'; ...下面是我
的
requireAuth im
浏览 0
提问于2018-08-12
得票数 0
回答已采纳
2
回答
无法在类型记录中使用子
组件
中
的
特殊属性
reactjs
、
typescript
问题Property 'currentBreakpoint' does not existTS2339 然后导入特设
的
支持接口,并将其合并到
组件
自己
的
支柱接口中,然后我得到:
浏览 0
提问于2019-06-10
得票数 1
3
回答
什么时候以及如何在
React
Hooks和旧
的
特别
道具
之间进行选择?
reactjs
、
react-hooks
到目前为止,我们习惯于通过
道具
将数据输入
组件
的
Flux flow。因此,您可以查看Props签名,了解
组件
要求。钩子是一个令人惊叹
的
功能,但当我们过渡到它们时,我发现它们提供了另一个依赖项
的
入口,这很难管理,因为你必须查看实际
的
组件
代码才能看到它。当然,我们只能在容器
组件
中使用钩子,但我觉得它们
的
一些主要卖点是它们减少嵌套和即席
的
能力。 决定哪个
组件
应该使用钩子,哪个应该使用渲染<
浏览 0
提问于2018-11-20
得票数 14
1
回答
在使用带有
HOC
的
组件
时不
需要
道具
reactjs
、
typescript
我对
HOC
和
typescript
有一个问题。编译器
需要
传递从
HOC
接收
的
值。使用
HOC
的
组件
: return <p>test {props.error}</p>export<P> ):
React
.FC<P & WithAlertProps> =>
浏览 8
提问于2021-06-01
得票数 0
回答已采纳
1
回答
React
HoC
- props未传递到包装
的
组件
reactjs
、
react-props
、
react-hoc
我有两个
HoC
组件
。首先必须充当一些布局包装器,它将包含一些用于移动渲染等
的
逻辑。const LayoutWrapper = (Component:
React
.FC<any>):
React
.FC<any> => { const; return Layout; } export default LayoutWrapper; 第二个
HoC
将处理用户是否已登录。<Layout te
浏览 20
提问于2020-04-26
得票数 0
回答已采纳
3
回答
React
Typescript
:排除高阶
组件
中
的
属性
reactjs
、
typescript
我有一个
HOC
,它为包装
的
组件
提供一个属性。我想要编写
Typescript
类型定义,以正确地公开由这个
HOC
创建
的
组件
的
Props类型:基本
上
复制(推断)包装
组件
的
props类型,并删除我
的
HOC
提供
的
属性。有可能吗?在下面的示例中,我有一个特殊
的
withBar,它为任何接受它
的
包装
组件
提供b
浏览 17
提问于2019-06-11
得票数 3
回答已采纳
1
回答
React
HOC
和
TypeScript
3.2
javascript
、
reactjs
、
typescript
、
higher-order-components
随着
TypeScript
在v3.2中改进了它
的
JSX类型检查,我们现在在正确输入
HOC
时遇到了问题。type Omit<T, K extends string> = Pick<T, Exclude<keyof T, K>>; fun
浏览 0
提问于2018-11-30
得票数 28
1
回答
带有自组织反应和
TypeScript
的
类型错误
reactjs
、
typescript
我正在尝试实现一个自组织
的
React
和
TypeScript
,但是得到了一个类型错误。以下是专题报道: loading: boolean; Component:
React
.ComponentType<P> ):
React
.Compon
浏览 0
提问于2018-12-29
得票数 0
回答已采纳
1
回答
具有高阶分量
的
React
TypeScript
起升静校正量
reactjs
、
typescript
、
higher-order-components
我正在尝试将我
的
项目从JavaScript移植到
TypeScript
。我有一个名为hoistStatics
的
高阶高阶
组件
,它可以接收
HOC
并提升包装
组件
的
静力学 hoistNonReactStatics(NewComponent, BaseCompone
浏览 12
提问于2020-05-15
得票数 1
回答已采纳
1
回答
类型记录:联合型
组件
支柱
的
特殊支柱类型
reactjs
、
typescript
我有像
道具
这样
的
组件
我想做一个特别的,它有setSelectedValue支柱,只有数字可以传递,也可以作为
道具
传递给原始
组件
,我看到它
的
类型如下:当我试图做到这一点时,我会得到TS错误消息: Type '(value我怎样才能得到想要
的
结果?
浏览 2
提问于2020-05-10
得票数 3
回答已采纳
1
回答
使用高阶
组件
的
mapState函数(返回对象内
的
对象)体验编译错误
reactjs
、
typescript
、
redux
、
react-redux
最初
的
问题是在2019/28/11
上
提出
的
,我试图学习更高级
的
组件
,但很难获得连接到redux存储和路由器
的
高阶
组件
。这意味着高阶
组件
还
需要
RouterComponentProps依赖项。我遇到
的
问题是,类型记录会引发编译错误,即当将IApiFailure类型分配给函数时,在ErrorListener
HoC
类中找不到它。IApiFailure是mapStateToProps函数
浏览 2
提问于2019-11-28
得票数 1
回答已采纳
1
回答
无法使特别的模式在反应中工作
javascript
、
reactjs
、
react-redux
我在试验一些特殊
的
组件
,但是它在浏览器中
的
呈现方式似乎有一些问题。特别守则是- render(){ }问题是,当我使用自组织
组件
时,c="d“支柱在内部
组件
上
是不可见
的</em
浏览 0
提问于2018-04-08
得票数 1
回答已采纳
1
回答
反应和类型记录:高阶控制
的
交集类型和通用类型
reactjs
、
typescript
、
generics
当我在
React
中使用带有高阶控件
的
泛型类型&
TypeScript
(使用@types/Reacti15.0.27)时,会出现此错误: TS2322:Type '{}' is not assignable我希望我
的
withTestData函数返回一个
React
.ComponentClass<ITestComponentProps>类型
的
控件(即空
道具
),但它告诉我
需要
在
道具
中传递da
浏览 2
提问于2017-06-14
得票数 0
1
回答
无法将类型分配给
React
高位
组件
reactjs
、
typescript
、
typeerror
、
high-order-component
我
需要
创建一个
HOC
,它接受一个
组件
,并返回一个新
的
组件
,该
组件
接受扁平化
的
道具
(我正在使用flat来实现),并将未扁平化
的
道具
应用于原始
组件
。不带类型
的
HOC
看起来像这样(我已经测试过了,它
的
工作情况和预期
的
一样): const
HOC
= (Component) => (props) => {
浏览 56
提问于2021-01-13
得票数 1
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
在NPM上发布自己的React组件
GitHub 上需要关注的 10大React 库
GitHub 上需要关注的 10 大顶级 React 库
React 高阶组件介绍
如何使用GraphQL构建TypeScript+React应用
热门
标签
更多标签
活动推荐
运营活动
广告
关闭
领券