腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
重新
渲染
导致
的
React
性能
问题
javascript
、
reactjs
、
react-hooks
我有一个包含一些订单
的
orders组件,每个订单都有产品,用户可以更新数量和价格,
问题
是更新过程非常慢,因为如果我更新产品数量,例如,订单中
的
所有产品都会
重新
安装,我认为这是主要
问题
。} from "
react
"; import { useEffect, memo, useCallback } from "
react
"; cons
浏览 29
提问于2021-10-29
得票数 0
1
回答
将新道具传递给从地图创建
的
组件
javascript
、
reactjs
我不确定如何更新通过数组映射呈现
的
组件
的
属性。 <Chart data={chartData[index
浏览 1
提问于2018-11-05
得票数 3
1
回答
在父级中更新
react
状态非常慢
reactjs
、
material-ui
、
react-state
我正在开发一个
react
应用程序,我一直认为
react
状态更新非常快,但现在我发现了一个
问题
。我有一个页面视图,上面有很多元素,其中一个元素是加载到页面中
的
: <NotesCard notes={deal.notes} updateNotes={notes => {setDeal(prevState=> ({...prevState, notes}))}} /> NotesCard是一个子组件,它仅在以下位置使用另一个
react
组件呈现material-UI卡: expo
浏览 55
提问于2021-02-03
得票数 0
1
回答
React
Hooks:在组件中声明函数包装器
reactjs
我对
react
没有太多
的
经验。我想知道每个人对在非类组件中声明函数包装器有什么看法。我读到该函数将在每次
重新
渲染
时
重新
声明,这可能会
导致
性能
问题
。使用
React
钩子"useCallback“可以通过存储一个”缓存“回调来克服这个
问题
吗?它会停止包装函数
的
重新
声明吗?
浏览 4
提问于2019-02-13
得票数 1
2
回答
在JSX循环中向函数传输数据:作用域函数与数据属性
reactjs
我与一位同事进行了长时间
的
讨论,以便在向函数发送数据(如ID或键)时在两个(或三个)概念之间做出决定。我
的
问题
更多
的
是关于(记忆)
性能
,而不是语法糖。}>delete</a> } ) } 如何以最有效
的
方式从用户单击到deleteTodo()方法
的
todo<li key={index}>{to
浏览 0
提问于2019-02-01
得票数 1
3
回答
react
将函数传递给子组件是个好主意吗?
javascript
、
reactjs
、
react-native
所以我现在
的
做法是这样
的
。<childComponent :text={text} :setText={setText} /> export const childComponent:
React
.FC}) => { <input :value={text} onChange={(value) => setText(value)} />这是正确
的
做法吗也许我
浏览 38
提问于2021-05-17
得票数 0
回答已采纳
3
回答
JSX属性中
的
Lambda是反模式吗?
reactjs
我今天开始使用一个新
的
linter (tslint-
react
),它给了我以下警告:我知道这会
导致
每次
渲染
时都会创建一个新函数。这可能会触发不必要
的
重新
渲染
,因为子组件会认为它
的
道具已经改变。但我
的
问题
是,否则如何在循环内将参数传递给事件处理程序: customers.map( c => <Btn onClick={ ()
浏览 1
提问于2017-05-15
得票数 37
回答已采纳
2
回答
反应,避免
重新
呈现特定子组件
reactjs
Childrens2每次Modal打开(通过设置this.setState({ openSimpleModal: true });)或关闭(将状态设置为false)时,组件
的
子组件、子组件及其子组件都会
重新
渲染
到。有没有一种方法可以打开和关闭Modal,但不允许
重新
渲染
1个特定
的
组件,例如,Son (及其子组件),但
重新
渲染
其余
的
组件?(子项等),但仅当模态打开或关闭时。在其他场景中,我需要
渲染
浏览 3
提问于2019-12-13
得票数 0
2
回答
反应
重新
渲染
问题
:我如何停止
重新
渲染
?
javascript
、
reactjs
我在编码方面是新手,在谷歌上搜索了很多次之后,我无法解决这个
问题
。
问题
是我有一个布局组件,其中包含4个不同
的
组件。当我在函数组件中调用一个函数时,它会影响其他函数和其他函数
的
重呈现。但我不会把新
的
道具传给他们。我只将道具传递给一个包含单击事件
的
组件。我希望我事先说清楚了,谢谢。下面是我
的
代码示例:import
React
, { useState } from "
react
";
浏览 1
提问于2021-03-03
得票数 0
回答已采纳
1
回答
如何防止flutter中基于自定义逻辑
的
widget重现?
dart
、
flutter
来自
react
背景,它有许多生命周期方法,我可以决定是否
重新
呈现组件。我最近在flutter中遇到了
性能
问题
,因为我有很多组件,因为它必须
重新
渲染
所有这些组件。我能做些什么来阻止这种
重新
渲染
,或者对它有更多
的
控制,以决定何时
重新
渲染
,而不是让它遍历小部件树?
浏览 19
提问于2019-01-08
得票数 5
0
回答
react
-redux
性能
重新
呈现组件
performance
、
react-native
、
react-redux
、
react-native-router-flux
我
的
react
-native应用程序有
性能
问题
,我遇到了这个
问题
,但我不知道解决它
的
最好方法是什么,我将在下面描述我
的
场景:Scene 1 ==> Scene 2 ==> Scene3 场景2有一个广泛
的
项目列表,在场景3中我可以在商店中添加或删除项目(我使用Flux架构),当这种情况发生时,应用程序
的
状态被更改,组装
的
组件被
重新
渲染</
浏览 2
提问于2017-06-23
得票数 0
2
回答
使用
React
Hooks时更新表单字段
reactjs
、
react-hooks
我正在学习
React
Hooks,现在尝试在一个包含许多字段
的
表单中使用它。我被如何更新表单域
的
值难住了。const [user, setUser] = useState({ id: 0, username: "", password: "" });function ha
浏览 31
提问于2020-06-04
得票数 0
回答已采纳
3
回答
React
组件属性中
的
匿名函数
性能
有多差?
javascript
、
reactjs
、
anonymous-function
你不应该在
react
属性中使用匿名函数,例如我理解为什么这会给
React
的
协调带来
性能
问题
,因为匿名函数在每次
渲染
过程中都会
重新
创建,因此总是会触发某种真正
的
DOM
重新
渲染
。我
的
问题
是,对于一个很小
的
组件(即不是每行都有链接<e
浏览 3
提问于2017-02-17
得票数 9
1
回答
有关ag-grid
的
性能
问题
ag-grid
、
ag-grid-angular
、
ag-grid-react
、
ag-grid-vue
如果将ag-grid与自定义标题组件和自定义单元格
渲染
器一起使用,则会有一个巨大
的
滚动
性能
问题
。我们尝试了大约10000行x 10000列。在没有自定义
渲染
器
的
情况下,它可以平滑地运行。自定义单元格
渲染
器
导致
整体
性能
问题
,并且仅应用自定义标题会
导致
水平滚动
问题
(垂直滚动就可以了)。我们使用
的
是ag-grid-
react
。如果使用其他框架组件而不是
浏览 14
提问于2020-07-07
得票数 0
2
回答
编写优化
的
React
功能组件
reactjs
据我所知,当需要
重新
渲染
或有任何状态更新时,整个
React
功能组件都会
重新
运行,那么如何正确管理这些函数中
的
状态?如果你不想在函数每次
重新
运行时都
重新
创建它,那么让它空出事件处理程序这样
的
成员是否很重要? 对于编写优化
的
功能组件,是否有某种最佳实践?
浏览 0
提问于2019-08-31
得票数 0
3
回答
shouldComponentUpdate和内置diffing
的
区别
javascript
、
reactjs
如果我在render()方法中使用了一些昂贵
的
逻辑,那么shouldComponentUpdate()就是一个非常有用
的
东西,因为我可以阻止render()调用。但是,如果我
的
render()方法只返回Element,而不执行任何代价高昂
的
代码,那会怎么样呢?在render()调用时,shouldComponentUpdate()中
的
比较(让我们以PureComponent
的
实现为例)和内置
的
React
diffing有什么不同吗?
浏览 0
提问于2018-11-12
得票数 1
1
回答
有没有使用
React
.memo/PureComponent比不使用它
的
性能
更差
的
例子?
reactjs
、
performance
、
memoization
、
premature-optimization
我在讨论和文章(其中许多来自
React
的
开发人员)中多次提到,
React
.memo或PureComponent会带来
性能
开销,只有在实际测量
性能
之后才能应用。但是,正如在this answer中所看到
的
,认为在道具上进行浅层比较
的
开销可能会超过深层次VDOM比较
的
成本,这是违反直觉
的
,而且似乎很难在没有具体例子
的
情况下反驳,在这种情况下,
React
.memo然而,在花了整个晚上寻找更多关于这个主题<
浏览 28
提问于2021-08-31
得票数 1
回答已采纳
1
回答
为什么
React
在
重新
渲染
之前不比较以前
的
状态和新
的
状态?为什么它总是在调用setState时呈现?
reactjs
如果
React
在
重新
渲染
之前比较(浅)前一个状态和下一个状态,它将减少许多
渲染
,这有助于优化
性能
。 根据
的
说法,当setState方法被调用时,
React
总是呈现组件及其子组件。
React
应该巧妙地处理组件及其子组件
的
不必要
的
重新
呈现。
浏览 8
提问于2018-07-21
得票数 5
1
回答
如何测试
react
函数组件是否使用
react
-testling-library
重新
渲染
javascript
、
reactjs
、
enzyme
、
react-testing-library
我正在开发一个应用程序,上面有一个很大
的
子组件垂直列表。每个子组件都使用
React
.memo,我已经构建了优化,以确保当修改列表中
的
其他组件并更新组件树中更高位置
的
状态时,它们不会
重新
呈现。这是工作良好,并有戏剧性
的
性能
提高,但我想写单元测试(S),以防止未来
的
回归,因为人们在项目中添加更多
的
功能,道具,状态等。理想情况下,我希望
渲染
父组件和其中
的
一些子组件,并在其中一个组件上执行一个操作,该操作应
浏览 3
提问于2021-11-03
得票数 1
1
回答
防止子组件在带有备注
的
上下文提供程序下
重新
呈现
reactjs
、
react-native
、
memoization
、
context-api
我正在使用
React
中
的
上下文提供程序来跨多个组件共享数据。但是,由于值从我
的
一个子组件更改,它会
重新
呈现我
的
所有其他组件,这在一定程度上会
导致
性能
问题
。所以我想防止我
的
子组件被
重新
渲染
。我尝试使用
React
.memo(),但每当我设置上下文提供程序
的
状态时,它仍然在呈现。const Authenticator =
React
.memo(() =
浏览 15
提问于2021-01-05
得票数 4
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
react 渲染性能优化
你的React组件还能跑得再快一点
memo、useMemo、useCallback 你真的用明白了吗
从源码中来,到业务中去,React性能优化终极指南
好程序员Web前端教程之React原理解析及优化技巧
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券