腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(5313)
视频
沙龙
1
回答
如何将
类
组件
重构
为
函数
式
组件
(
必须
重新
渲染
,
未定义
)
reactjs
在IssueEdit
组件
中,我的应用程序的主状态是存储的(这是我从一个API调用中获得的)。我将该数据传递给一个专门的输入
组件
,在该
组件
中,
必须
将issue.effort转换为字符串并存储
为
字符串。它在
类
组件
的情况下工作得很好。我试图将
类
组件
重构
为
功能
组件
,这就是问题开始的时候。问题是,在第一次
渲染
后,formattedValue是
未定义
的,因此
浏览 3
提问于2021-10-02
得票数 0
回答已采纳
2
回答
如何在功能
组件
中编写处理程序和其他
函数
reactjs
、
react-hooks
我有一个功能
组件
(它以前是基于
类
的,但我决定用react钩子
重构
它)。因此,现在在内部声明的每个
函数
都将在每个
重新
渲染
器上声明(在本例中
为
handleClick)。当它是基于
类
的
组件
时,不存在这样的问题,因为
函数
存储在类属性中。所以,我的问题是,这些
函数
属于哪里?
浏览 0
提问于2019-05-23
得票数 1
1
回答
如果你调用一个
函数
,它返回一个箭头
函数
,作为你的一个
组件
的属性,返回的箭头
函数
会被
重新
绑定吗?
javascript
、
reactjs
我不想在每次
重新
渲染
时
重新
绑定
函数
。我有一个
函数
,它返回一个箭头
函数
(一个隐
式
绑定
函数
),它在呈现期间在另一个
组件
的属性中被调用。 我担心这可能会在每次
重新
渲染
时反弹。如果是这样,这意味着我将在每次
重新
渲染
时
为
我的
组件
提供新的属性。如果是这样的话,我会有性能上的顾虑。<ExampleComponent
浏览 15
提问于2019-04-24
得票数 1
3
回答
即使道具没有改变,为什么react也要
重新
渲染
组件
呢?
javascript
、
reactjs
我已经使用react了一段时间,并阅读了文档,我发现了一些对我来说很奇怪的东西,为什么react
重新
渲染
组件
的子元素在父
组件
的每个状态更改上,即使子道具是相同的??为什么我要把我的
组件
包装在Memo()中以防止这种重现呢?将Memo设置
为
每个react
组件
的默认设置,或者我是否应该对所有
组件
都使用它,并不是更好。
浏览 4
提问于2021-04-22
得票数 2
1
回答
将
类
组件
重构
为
函数
式
,ReferenceError
javascript
、
reactjs
、
use-state
我正在尝试
重构
一个
类
组件
,但是在
类
1中,有一个带有map的状态,我试图将它更改为Functional并使用useState,但是它一直给我带来这个错误。ReferenceError: Cannot access 'rules' before initialization
类
组件
:
浏览 0
提问于2021-12-02
得票数 0
回答已采纳
1
回答
ReactJS无效挂钩调用
javascript
、
reactjs
、
material-ui
登录
类
在下面,错误也在下面。
浏览 20
提问于2020-08-29
得票数 1
回答已采纳
1
回答
通过从react-redux连接使用withAuthenticator
组件
javascript
、
reactjs
、
redux
、
react-redux
、
aws-amplify
我正在尝试使用来自aws-amplify/ui- withAuthenticator的
组件
,但由于我也在使用redux,所以我使用的状态部分显示
为
未定义
,因为我
必须
用withAuthenticator(component )包围我的主
组件
。mapStateToProps, { getImages })(); 可以同时使用connect
函数
和还是应该
重构</
浏览 0
提问于2021-05-05
得票数 0
2
回答
在ES6
类
React
组件
的render方法中使用返回JSX的React
组件
函数
导致错误
javascript
、
reactjs
、
render
、
jsx
我有一个返回JSX的
函数
,如下所示: return (class Component extends React.Component { const locals = this.getLocals(); }当我运行代码时,我得到了错误 元
浏览 2
提问于2017-11-11
得票数 2
回答已采纳
2
回答
使用React.forwardRef与自定义引用属性的价值
javascript
、
reactjs
、
performance
我发现React.forwardRef似乎是从react文档中将ref传递给子功能
组件
的认可方式: const FancyButton = React.forwardRef((props, ref) =当涉及到
渲染
时,传递自定义属性是否会影响差异并导致额外的
渲染
,当然不会,因为引用被存储
为
current字段中的可变状态?
浏览 1
提问于2019-10-27
得票数 88
回答已采纳
1
回答
useState钩子如何能够
重新
呈现其父
函数
?
reactjs
、
react-hooks
有没有人能帮我理解一下,每当状态发生变化时,
函数
式
cmp是如何
重新
渲染
的? 请参考下面的内容。/h1> </div>} 如果我将它与基于
类
的react
组件
进行比较,那么在那里我们在
类
中有render
函数
,我相信每当状态或
浏览 13
提问于2019-03-20
得票数 2
3
回答
从
类
到
函数
的
重构
-增强
函数
的方法
javascript
、
reactjs
、
frontend
、
react-hooks
我正在尝试将
类
组件
重写
为
函数
。通常,我有一个增强的
组件
作为类属性: class Grid extends Component { <TableCell paging={,我
必须
将增强功能移到
函数
体之外,否则它将在每次
渲染
时
重新
挂载。<TableCell {...params} /> re
浏览 28
提问于2019-04-11
得票数 0
回答已采纳
3
回答
useContext仅适用于无状态功能
组件
javascript
、
reactjs
我正在尝试使用React中的新useContext
函数
。在无状态功能
组件
中工作得很好。return ( {text} );我还想在有状态
组件
中使用useContext,甚至在非React
函数
中也是如此,但当我这样做时,我得到了以下错误: Hooks can only be called inside the body
浏览 1
提问于2019-02-15
得票数 14
回答已采纳
2
回答
拆分
组件
时避免使用dom容器元素。
reactjs
、
mobx
我正在使用react,我想要将一个
组件
拆分成子
组件
,以优化它(我正在使用mobX,并试图实现一些东西,如这里的列表示例 ) </div>如果我有数千个节点,那就意味着有数千个无用的dom元素,而且我正在移植一个具有特定dom结构和CSS的现有控件,如果我想拆分它们,我
必须</
浏览 15
提问于2016-08-18
得票数 1
回答已采纳
1
回答
在旧项目中使用React挂钩
reactjs
、
react-hooks
、
react-component
、
react-class-based-component
我维护了一个完整的React web应用程序,它只使用数百个
类
组件
。虽然该应用程序使用的是最新版本的React,但目前在任何地方都没有使用钩子。我最近遇到了添加几个新的简单有状态
组件
的需求。将这些
组件
创建
为
类
组件
(与所有以前的
组件
一致)是否合适,或者使用钩子将这些
组件
创建
为
函数
组件
是否合适。我之所以这样问,是因为这将是我第一次也是唯一一次导入{ useState }模块(以及其他钩
浏览 7
提问于2020-05-21
得票数 0
回答已采纳
2
回答
使用react将useState值传递给父
组件
(getting =
未定义
)
node.js
、
reactjs
、
react-component
、
use-state
我正在一个已经开始的项目中工作,这个项目使用的是react
类
版本。我计划使用react钩子,所以在编写新代码时不要
重构
所有的
类
,我正在尝试混合这些反应版本(如果这是个好主意,我应该
重构
所有的
类
)。分页和搜索是一个独特的
组件
。useState钩子: const [search, setSearch] = useState('
浏览 2
提问于2020-10-01
得票数 0
回答已采纳
1
回答
如何防止react
重新
渲染
整个
组件
?
javascript
、
reactjs
、
ecmascript-6
我从改编了以下
组件
定义,如下所示。但是,与示例不同的是,我的
组件
每次移动鼠标时都会
重新
呈现。 有谁知道为什么会发生这种事吗?
浏览 2
提问于2017-01-20
得票数 27
回答已采纳
1
回答
在中添加外部字体时出错
reactjs
、
react-native
、
nativescript
、
custom-font
提供以下错误的系统并附上我所写代码的图像。请提前提出解决方案,谢谢
浏览 3
提问于2021-06-09
得票数 0
11
回答
提供inst.render的ReactJS不是
函数
错误
reactjs
当我使用React和ReactDOM显示一个非常基本的Hello World时,我得到了一个奇怪的错误 ..。在这里可以看到它 JSBin ..。 我已经用过React很多次了,但对ES6来说还是个新手。你知道我在这里没看到什么吗? 错误似乎是在说 没有 方法,但我不确定。 JS Bin const Hello = () => {}; ReactDOM.render( document.getElementById('root')}
浏览 103
提问于2015-12-10
得票数 19
回答已采纳
1
回答
创建一个封装耦合的React
组件
的
类
,然后将该类设置
为
React状态?
javascript
、
reactjs
、
web
、
react-router
、
react-redux
我有一个React
组件
,它呈现一个接受状态累加器的FullDayRouteMap
组件
,再加上几个SingleRouteMap
组件
,每个
组件
都执行一个回调来更新状态累加器。然后,FullDayRouteMap
组件
将这些更新的累加器作为道具并
重新
渲染
。我希望将两个
组件
(即累加器和回调)的耦合功能封装在一个
类
中,以便可以在应用程序的多个部分中重用此功能,因此我创建了一个Manager
类
,该类在其构造
函数
中
浏览 12
提问于2018-01-25
得票数 0
回答已采纳
1
回答
组件
仅在第二次单击后才更新工作
reactjs
当我单击一个按钮时,我的代码在firebase数据库中添加了一个新项目,然后我希望页面中的对象列表自动更新,因为我不想手动
重新
加载页面。我尝试在submit
函数
中调用fetchGroups
函数
,但也不起作用。 我做错了什么?我怎样才能改正?
浏览 22
提问于2021-07-31
得票数 0
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
React组件开发中常见的陷阱
使用React Hooks代替类的6大理由
Vue 超快速学习
我读完了React的API,并为新手送上了一些建议
React 状态管理:状态与生命周期
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券