腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
react
中
从
类
到
功能
钩子
组件
的
重构
reactjs
、
functional-programming
、
components
、
react-hooks
、
state
我只是想把我
的
应用程序
从
基于
类
的
组件
重新设计成基于函数
钩子
的
组件
,并被这个回调setState代码块搞得焦头烂额,而用一个有效
的
钩子
是无法实现
的
: this.setState((prevState)
浏览 12
提问于2020-06-25
得票数 0
回答已采纳
1
回答
从
钩子
重构
到
类
组件
javascript
、
reactjs
、
react-hooks
请帮助
重构
从
React
到
类
组件
的
一些代码,好吗?我是新来
的
,这让我很难过。我知道{ useState }提供了一些"getter“和"setter",但不知道如何在”典型“
React
类
组件
中使用道具将其
重构
为状态。
钩子
:const [counter, setCounte
浏览 0
提问于2019-03-24
得票数 0
回答已采纳
1
回答
在旧项目中使用
React
挂钩
reactjs
、
react-hooks
、
react-component
、
react-class-based-component
我维护了一个完整
的
React
web应用程序,它只使用数百个
类
组件
。虽然该应用程序使用
的
是最新版本
的
React
,但目前在任何地方都没有使用
钩子
。我最近遇到了添加几个新
的
简单有状态
组件
的
需求。将这些
组件
创建为
类
组件
(与所有以前
的
组件
一致)是否合适,或者使用
钩子
将这些
组件
创建为函
浏览 7
提问于2020-05-21
得票数 0
回答已采纳
1
回答
如何在函数
组件
中使用ReactTransitionGroup回调
reactjs
、
react-transition-group
我正在寻找有关如何使用TransitionGroup插件
的
示例,但我能找到
的
所有示例都是与
类
组件
和相当旧
的
文章。例如,如何将这个
类
组件
重构
为ES6
功能
组件
,并使用正确
的
ReactTransitionGroup
钩子
来实现相同
的
功能
组件
?class Box extends
React
.Component { c
浏览 34
提问于2021-03-30
得票数 0
2
回答
我可以在
类
组件
中使用useState
钩子
吗?
reactjs
、
react-hooks
、
use-state
我在试着解决测试穹顶
的
反应问题。消息
组件
包含一个锚点元素和锚下面的一个段落。应该通过使用以下逻辑单击锚元素来切换段落
的
呈现:在开始时,不应呈现该段。console.log("After click: " + rootElement.innerHTML); 我也想对useState虎克做同样
的
事这是我
的
代码
浏览 6
提问于2022-07-29
得票数 2
回答已采纳
1
回答
用于
类
组件
的
路由器-dom v6 TypeScript withRouter
reactjs
、
typescript
、
react-router-dom
我正在尝试将
react
-router-dom更新为v6,在我
的
TypeScript
React
应用程序
中
。在
中
,简单地说: 参考v5 (或更低)
浏览 3
提问于2021-11-30
得票数 5
1
回答
使用
钩子
将
类
组件
重构
为
功能
组件
,得到未捕获
的
TypeError: func.apply不是一个函数
reactjs
、
react-hooks
、
react-lifecycle
这是我第一次尝试使用
React
钩子
将代码
从
类
组件
重构
为
功能
组件
。我们
重构
的
原因是,
组件
当前使用
的
是即将失效
的
componentWillReceiveProps生命周期方法,而我们还无法让其他生命周期方法以我们想要
的
方式工作。我还将这个有四个不同
功能
的
组件
分解成各自
的
组
浏览 21
提问于2020-03-14
得票数 0
2
回答
无法在VSCode上使用
React
JS导出
类
javascript
、
reactjs
、
class
、
export
我无法导出默认
的
{class}。我不知道为什么。我得到这个错误:有人看到我
的
错误了吗?我是个新手。对我温柔点。下面是我
的
代码:import '..searchTerm: '', currentPage:
浏览 0
提问于2020-07-24
得票数 0
2
回答
如何在
类
组件
中使用useNavigate( )
React
路由器-Dom
钩子
javascript
、
reactjs
、
react-hooks
、
react-router
、
react-router-dom
如何在
类
组件
中使用useNavigate( )
React
路由器-Dom
钩子
?(){ } // rendering the Form UI} 我想在提交表单时导航
到
另一个
组件
官方
React
路由器-Dom文档说,我只能在一个
功能
组件
中使用'useNavigate( )‘<em
浏览 6
提问于2022-07-29
得票数 3
回答已采纳
2
回答
添加FloatingMenuButton包解析错误:意外令牌
javascript
、
reactjs
我是新
的
反应和尝试添加浮动菜单按钮
从
包。 我还有另外一个问题。更新 。
浏览 4
提问于2020-10-25
得票数 0
3
回答
useContext仅适用于无状态
功能
组件
javascript
、
reactjs
我正在尝试使用
React
中
的
新useContext函数。在无状态
功能
组件
中
工作得很好。例如:import LocaleContext from '..useContext,甚至在非
React
函数
中
也是如此,但当我这样做时,我得到了以下错误: Hooks can only be called inside the body of a
浏览 1
提问于2019-02-15
得票数 14
回答已采纳
6
回答
试图导入错误:“useRouteMatch”不是
从
“
react
路由器-dom”导出
的
。
reactjs
、
react-router
、
react-router-dom
当我尝试
从
react
路由器-dom模块导入useRouteMatch时,我有这个错误,我有以下错误:BrowserRouter as Router, Route, useRouteMatch,} from "
react
-rou
浏览 6
提问于2019-10-15
得票数 21
回答已采纳
1
回答
如何在
类
组件
中使用
React
.useRef()?
reactjs
、
react-toastify
我需要这段代码在
类
组件
中
实现。这是为了在我
的
类
组件
中使用
react
-toastify
的
上载进度 function Example(){ function
浏览 84
提问于2020-06-21
得票数 13
1
回答
React
-实时数据
reactjs
、
api
这是相当新
的
反应,所以请原谅我。 我正在尝试使用来自API
的
数据构建一个实时仪表板。 当前
的
想法是结合使用useEffect和Fetch以及API上
的
间隔来拉入数据并更新仪表板。这是最好
的
方法吗?我一直在读关于EventSource
的
文章,我想也许那样会更快?
浏览 14
提问于2021-04-14
得票数 0
1
回答
如何
从
React
钩子
中
访问
功能
组件
的
名称?
reactjs
、
react-hooks
我正在尝试编写一个定制
的
React
,useLogging,其中我想根据正在执行日志记录
的
组件
的
名称来上下文化日志消息。那么,我
的
自定义
钩子
需要名称Login。return logManager.getLogger(loggerName);在
类
的
上下文中,我要寻找
的
是类似于this.constructor.displayName
的
内容。但是,
React
钩子
没
浏览 0
提问于2020-10-12
得票数 8
回答已采纳
2
回答
无效
钩子
呼叫。
钩子
只能在内部调用。
javascript
、
reactjs
我刚刚创建了一个新
的
应用程序,我开始学习
react
,但是我已经准备好在我想要分享我
的
代码之前给up....just:import
React
from '
react
';import './reportWebVitals'; <
React
.StrictMode>
浏览 1
提问于2020-12-23
得票数 3
回答已采纳
1
回答
每个
组件
应该有一个useDispatch吗?
reactjs
、
react-redux
、
react-hooks
我正在将redux项目的
react
从
类
组件
转换到
钩子
。const dispatch = useDispatch();dispatch(someAction()) 这是正确
的
处理方法吗?还是应该将const dispatch = useDispatch()抽象
到
一个单独
的<
浏览 10
提问于2020-05-22
得票数 1
回答已采纳
2
回答
将数据传递给
React
(Native)挂钩,就像基于
类
的
组件
一样
javascript
、
reactjs
、
react-native
、
react-hooks
我刚刚开始过渡到
React
Native
中
的
Hooks,并且我很难将数据传递给子元素。使用基于
类
的
组件
,我们可以做一个非常简单
的
XML风格
的
道具传递。使用
类
的
示例 class Parent extends
React
.Component { return ( <Child data={"Hello"}
浏览 15
提问于2019-12-11
得票数 0
回答已采纳
1
回答
如何
重构
一个反应
钩子
,以便我可以在回调
中
调用它?
javascript
、
reactjs
、
react-hooks
我正在编写一些登录代码,并希望添加
功能
来检查用户是否是管理员。我知道我不能在回调
中
调用
钩子
,而且我已经检查了其他答案,但仍然无法考虑如何使用
钩子
的
功能
。问题在于它必须
从
表单
的
提交函数
中
触发,所以我不能像错误消息所建议
的
那样,在反应
组件
的
顶层调用它。/rules-of-hooks) ,有人能帮我弄清楚如何
重构
这段代码,使
钩子
的</
浏览 7
提问于2021-12-14
得票数 2
3
回答
如何在
react
hooks
组件
中
获取参数?
reactjs
、
react-native
、
react-navigation
对于
类
组件
,有"this.props.route.params“选项。如何在
react
钩子
功能
组件
中
从一个屏幕
到
另一个屏幕获取参数。"
react
": "16.11.0","
react
-navigation": "@
rea
浏览 1
提问于2020-06-01
得票数 2
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
关于React的学习笔记
Ink 3:内置了全新的Hook、Suspense及React开发工具支持
最新React技术栈,实战复杂低代码项目-仿问卷星完结-门外青苔满
ReactNative 0.61之Fast Refresh
FastAPI+React全栈开发19 React Hooks事件和状态
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券