腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
如
何在
react-typescript
的
HOC
中
设置
道具
类型
?
reactjs
、
typescript
、
higher-order-components
我有一个简单
的
withAuth
HOC
。我正在尝试定义
道具
的
类型
。
浏览 6
提问于2020-12-23
得票数 1
1
回答
如
何在
react
HOC
中
描述流程移除
道具
flowtype
我已经看过几篇关于如
何在
hoc
中使用flow
的
文章,但如果我不想通过所有的
道具
,我不知道该怎么做。pass, inject}: TComponent) => <span>{pass}{inject}</span> take: string <Component {...props} inject="inject"/> )
浏览 13
提问于2019-01-17
得票数 1
回答已采纳
1
回答
React:钩子会取代
HOC
和渲染
道具
吗?
javascript
、
reactjs
、
react-hooks
从React Hooks FAQ
中
,我们了解到钩子可以替换HOCs并呈现返回/呈现单个组件
的
道具
。 我试图更好地理解这一点,以及为什么这是一个事实。让我们先来看看
HOC
:
HOC
是一个函数,它将组件作为参数,将其包装在周围
的
逻辑
中
,
如
效果和状态,并返回一个新
的
组件。自定义钩子到底是如何取代它
的
呢?我们仍然需要用其他逻辑包装输入函数
的
函数。查看渲染
道具
: 呈现
道具<
浏览 8
提问于2019-06-03
得票数 7
回答已采纳
1
回答
使用高阶组件
的
mapState函数(返回对象内
的
对象)体验编译错误
reactjs
、
typescript
、
redux
、
react-redux
我遇到
的
问题是,
类型
记录会引发编译错误,即当将IApiFailure
类型
分配给函数时,在ErrorListener
HoC
类
中
找不到它。IApiFailure是mapStateToProps函数
的
StateProps返回
类型
中
包含
的
类型
。让它编译
的
唯一方法是将其转换为任意
类型
。
HoC
用下面的代码片段连接到存储区。
HoC
ErrorListene
浏览 2
提问于2019-11-28
得票数 1
回答已采纳
1
回答
Flow
类型
高阶组件(
HOC
)属性
类型
保留
javascript
、
reactjs
、
flowtype
但是,我使用
的
是一个库(react-jss),该库使用
HOC
将样式表类注入到组件
中
。问题是这个模块没有流
类型
,所以它取消了我
的
组件上
的
任何属性验证,因为我
的
所有组件都包装在这个
HOC
中
。我已经能够根据我看到
的
一些github isuse添加一些
类型
,所以至少我知道我从react-jss
HOC
中
得到了一个组件,但从flow
的
角度来看,这个新组件没
浏览 16
提问于2017-03-11
得票数 3
1
回答
如
何在
TypeScript中正确
设置
高阶类组件
的
类型
?
reactjs
、
typescript
我有一个实用函数,它接受一个(现在未使用
的
) options参数,并返回一个更高阶
的
组件包装函数。如何正确
设置
组件上
的
类型
,让包装组件
的
用户看到底层包装组件
的
类型
以及来自withAppContext高阶组件
的
附加上下文
类型
?type AppContext = {}; const
hoc
=
浏览 5
提问于2018-02-20
得票数 1
回答已采纳
1
回答
formik在initialValues处理程序
中
访问onSubmit,以便与值进行比较
reactjs
、
graphql
、
formik
我有一个使用Formik
的
编辑表单。我需要上传一个新
的
图像,如果图片字符串已经改变。我需要比较图片字段
的
initialValues与图片字段
的
values,以确定是否调用fileUpload函数上载图片并返回字符串uri。如何访问onSubmit处理程序
中
的
onSubmit以便进行此比较。我一直在网上搜索,并找到了一个关于这个主题
的
,然而,作者正在使用redux并重新组合。在我
的
例子
中
,我使用
的
是graphql,而不
浏览 1
提问于2019-05-06
得票数 2
回答已采纳
3
回答
什么时候以及如
何在
React Hooks和旧
的
特别
道具
之间进行选择?
reactjs
、
react-hooks
到目前为止,我们习惯于通过
道具
将数据输入组件
的
Flux flow。因此,您可以查看Props签名,了解组件要求。钩子是一个令人惊叹
的
功能,但当我们过渡到它们时,我发现它们提供了另一个依赖项
的
入口,这很难管理,因为你必须查看实际
的
组件代码才能看到它。当然,我们只能在容器组件中使用钩子,但我觉得它们
的
一些主要卖点是它们减少嵌套和即席
的
能力。 决定哪个组件应该使用钩子,哪个应该使用渲染
道具
的
最佳实践(目前)是什么?
浏览 0
提问于2018-11-20
得票数 14
1
回答
MUI主题属性'fullWidth‘在
类型
'IntrinsicAttributes &{ v5 : Theme;}&{IntrinsicAttributes?:ReactNode;}’上不存在。
javascript
、
reactjs
、
typescript
、
material-ui
我正在使用MUI v5,并且有一个简单
的
FormControl,如下所示,我知道属性fullWidth是有效
的
,
如
中所述。
浏览 0
提问于2021-10-24
得票数 1
2
回答
如
何在
react-redux中正确键入映射到
道具
的
动作创建者
reactjs
、
typescript
、
redux
、
react-redux
在我们
的
项目中,所有动作创建者
的
定义如下: export const actionCreatorFunctionName(arg1, arg2...) { connect(mapStateToProps, { actions: ActionCreators })(SomeCompone
浏览 3
提问于2019-06-14
得票数 2
3
回答
react.js文档
中
的
HOC
javascript
、
reactjs
在React docs In
HOC
部分
中
,有一个示例 const CommentListWithSubscription = withSubscription( (他们把第二个参数作为箭头函数,在这个箭头函数
中
,我们有DataSource参数并返回DataSource.getComments()
的
结果
HOC
withSubscription
的
实现 function它们使用selectData作为函数(DataSource) => DataSou
浏览 29
提问于2020-06-28
得票数 0
回答已采纳
1
回答
如
何在
不调用setState
的
情况下重新安装React组件
javascript
、
reactjs
我有一个反应组件封装在一个特殊
的
,传递
道具
给包装
的
孩子。当调用子构造函数时,它做了一些工作,然后执行从临时
道具
中
传递下来
的
回调。此回调更新特殊构造函数(定义)
中
的
属性(我认为这是正确
的
语言)。然后,
HOC
使用更新
的
定义为
HOC
及其包装子节点
设置
订阅。我之所以这样做,是因为子程序从其父节点接收
道具
,其父支持包含一个动态
的
对象数组,
浏览 2
提问于2017-12-22
得票数 0
1
回答
test / Jest -在Jest单元测试
中
呈现连接
的
自组织组件
reactjs
、
unit-testing
、
jestjs
我一直在玩反应和专案
的
单元测试。我有一个高阶组件,它返回一个新
的
WrapperComponent。此外,在返回WrapperComponent时,我还会将它与
道具
和其他临时工具(
如
mapStateToProps等)连接起来。我正在挣扎
的
是如何正确地呈现与其他
HOC
组合
的
临时
设置
。检查
hoc
可以发现它是一个函数,使用
HOC
的
函数是有意义
的
,但是当我试图浅呈现
hoc
时
浏览 1
提问于2017-12-14
得票数 0
回答已采纳
5
回答
用TypeScript编写反应高阶组件
reactjs
、
typescript
、
higher-order-components
; 换句话说,
hoc
是一个产生实际临时值
的
函数。这个特殊
的
函数(我相信)是一个接受Component
的
函数。由于我事先不知道包装
的
组件是什么,所以我使用泛型
类型
TChildProps来定义包装组件
的
道具
的
形状。该函数还返回一个Component。返回
的
组件接受包装组件
的
道具
(同样,使用通用TChildProps键入)和它自己需要
的
一些
道具
(输入H
浏览 8
提问于2017-04-28
得票数 19
回答已采纳
3
回答
将
道具
添加到使用自组织
的
包装组件
中
reactjs
、
react-props
、
preact
、
high-order-component
我有一个非常简单
的
组件Test.js }export default withProps console.log(children.props); //can s
浏览 4
提问于2022-05-12
得票数 2
1
回答
固体JS等效于React.HTMLProps<...>
typescript
、
solid-js
我有一个带有
道具
类型
的
反应性组件,
如
: to?: string;如
何在
SolidJS
中
编写等效
的
道具
类型
?我试过这个: to?: string;而且它可以编译,但它<em
浏览 4
提问于2022-01-22
得票数 3
回答已采纳
0
回答
当连接
的
组件更新时,如
何在
jest中找到组件
的
道具
?
reactjs
、
jestjs
、
enzyme
我使用jest和enzyme来测试我
的
react应用程序。我有一个连接
的
组件,它有来自react-redux
的
1
hoc
(connectWithActions)和connect。我将此
HOC
用作: connectActions(Handlers),)((通过
HOC
) 现在MyComponent已经更新了包含newStateValue
的
道
浏览 2
提问于2018-07-10
得票数 0
回答已采纳
1
回答
useEffect未将数据
设置
为功能组件
中
的
状态
reactjs
、
redux
、
react-hoc
我有用特制包装
的
功能组件。它在api调用后返回一些
道具
。如
何在
子组件(Functional)
中
设置
状态。const withEditHoc = (WrappedComponent, actioneffects) => { constructorWrappedComponent {...this.props} /> &
浏览 4
提问于2020-03-06
得票数 1
回答已采纳
1
回答
如何将
HOC
与redux compose和Typescript一起使用
reactjs
、
typescript
、
redux
我有两个
HOC
,它们想和redux compose一起使用,但是编译器没有生成正确
的
类型
。Compose声明函数来自redux source code。如果我们将代码粘贴到playground
中
。我们将看到不同
类型
的
第一个和第二个变量。declare function compose<T1, A, R>( f2: Func1<T1, A> declare const <e
浏览 19
提问于2019-01-25
得票数 7
回答已采纳
1
回答
流-如何输入由嵌套在其中
的
对象组成
的
对象
javascript
、
flowtype
{ ...out }); } }), response2: { })并获取输出
类型
,在本例
中
为 response1: {},} 我尝试过
浏览 0
提问于2018-06-06
得票数 2
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
增强开发指南:使用SAP Ad Hoc Query输出信息类型重复记录的问题
建议的SQL Server针对Ad Hoc工作负载进行优化
Cable:基于Ansible运维Web管理平台
苹果超级签名掉签闪退?根本原因在这!
Access表中设置不同颜色显示数字的正负值和零
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券