腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
基于简单存储的路由器
中
不必
要的
重新
渲染
javascript
、
performance
、
reactjs
const activeRoute =
React
.Children.toArray(children).find(when); } throw new Error('Route should never render');}); 这些
组件
可以像这样使用component={Pets} when={this.onPets} select={this.
浏览 1
提问于2016-08-21
得票数 0
2
回答
如何
避免
在
React
中
不必
要地
重新
渲染
组件
?
reactjs
、
react-hooks
、
components
、
rerender
Child1 value={value} /> </>} 但是每次调用Child2的setValue时,Child2都会
重新
渲染
,尽管它的道具没有更改(Child1也会
重新
渲染
,但这是自属性value更改后的预期行为)。
如何
解决这个问题?
浏览 82
提问于2021-11-12
得票数 1
回答已采纳
1
回答
如何
避免
在
反应还原连接
组件
中
重新
渲染
?
reactjs
、
redux
我有
react
组件
SideBar.js,它订阅了redux状态的切片。当redux状态更改时,即使它在redux
中
不订阅该更改状态,也会
不必
要地
重新
呈现该
组件
。由于我的状态是嵌套的,所以我不希望
在
shouldComponentUpdate()中进行深入的比较,以
避免
重新
呈现.
如何
避免
额外的重
渲染
?
浏览 0
提问于2018-11-25
得票数 2
回答已采纳
1
回答
下一步
如何
避免
在
路由页面之间
重新
呈现公共
组件
?
reactjs
、
next.js
我已经在下一个js
中
设置了基本路由器,我希望多个页面共享一个
组件
,例如一个头。共享
组件
将在每次加载新页面时
重新
加载。(
如何
)我可以重用
组件
,而
不必
在
页面加载之间
不必
要地
重新
添加
组件
?与CRA +
react
路由器嵌套路由相比,这确实是效率低下的,从而消除了对任何形式的共享
组件
的需求。( <h1>Ne
浏览 7
提问于2021-12-30
得票数 1
回答已采纳
1
回答
React
Hooks :为什么将set state函数传递给子
组件
是不好的做法?
javascript
、
reactjs
、
react-hooks
我有一个问题想提高我对
react
钩子的理解。它说,如果一个人将设置的状态函数或钩子传递给孩子,这是不好的做法。因此,应该只将一个处理程序函数传递给位于父对象
中
的子对象,然后使用其中的设置状态函数。当我
在
开发应用程序的许多工作部分后遇到这个问题时,我想知道为什么必须
避免
这种情况,因为它对我来说很好。 我希望你们能在没有代码示例的情况下理解我的问题,如果我需要澄清,我会提供一些代码片段。
浏览 12
提问于2020-03-07
得票数 8
回答已采纳
1
回答
防止FullCalendar (
React
)
在
每次
渲染
时
重新
获取事件和资源
reactjs
、
fullcalendar
、
fullcalendar-scheduler
我已经为我的
React
站点配置了FullCalendar。除了频繁地从服务器获取数据之外,一切都很正常。在下面的例子(我已经简化了)
中
,我从一个不同的
组件
更改了Redux的状态,该
组件
在
控制台中注销“hello”。每次发生这种情况时,我也会被“获取资源”注销(
在
通常的环境
中
,这是一个API调用)。每当
组件
中
的任何状态变量发生更改时,事件refetching.It也会发生同样的情况。理想情况下,我希望FullCalendar仅在初始化时
浏览 5
提问于2020-05-28
得票数 3
3
回答
为什么
在
调用具有相同状态的useState时我的
组件
呈现?
reactjs
、
react-hooks
我有一个具有布尔状态的简单函数
组件
。和按钮来改变状态。有人能解释一下,当状态改变到完全相同的状态时,
组件
为什么会
重新
呈现?
如何
防止它
重新
呈现?import
React
, {useState} from '
react
'; con
浏览 3
提问于2019-09-09
得票数 9
回答已采纳
3
回答
React
检查
组件
重新
呈现的次数
reactjs
、
react-native
我正在做一些事情,我的一段代码有点慢,我认为发生的情况是
组件
无缘无故地
重新
渲染
了太多次。有没有办法检查一个
组件
在
react
(或
react
-native )
中
重新
渲染
了多少次?我尝试做的是
在
render方法后放置一个console.log,并计算有多少个,但我不确定这是否有效。提前感谢!
浏览 6
提问于2019-02-07
得票数 9
回答已采纳
2
回答
每次状态改变时整个地图的
渲染
reactjs
、
react-native
、
react-native-maps
我
在
我的项目中使用
react
原生地图。我想根据搜索绘制多边形,而不需要再次加载整个地图。
重新
渲染
整个贴图,而不是绘制多边形本身。 我有这样的逻辑。_getMapData将根据搜索结果
渲染
下面的地图和多边形。它将在每次筛选器更改或componentWillMount时调用。
浏览 5
提问于2019-04-16
得票数 1
1
回答
React
.PureComponent --为什么默认情况下没有
在
React
中
实现?
javascript
、
reactjs
我已经阅读了
组件
类和PureComponent类
React
之间的区别,并且了解到为了有效地管理
渲染
,PureComponent对道具和状态进行了简单的比较。以下是几个问题, 如果PureComponent通过
避免
不必
要的
重新
呈现来优化呈现,那么为什么它不默认地出现在
React
中
(可能是通过
在
组件
类
中
实现对shouldComponentUpdate()的处理,因为
React
就是高效地
浏览 1
提问于2021-11-16
得票数 1
回答已采纳
1
回答
React
将PureComponent包装在HOC
中
javascript
、
reactjs
、
react-native
我有一个关于
react
中
的PureComponent的问题。如你所知,它在长FlatLists中非常有用,可以
避免
不必
要的
重新
渲染
。但是,如果我像这样将PureComponent包装在HOC
中
,会发生什么: const CachedImage = withCache( class CachedImage extends
React
.PureComponent我的意思是,CachedImage也会
避免
不必
要的<em
浏览 15
提问于2020-09-29
得票数 1
回答已采纳
1
回答
防止修改后重呈现给母国。
javascript
、
reactjs
、
react-router
、
react-hooks
如何
修改父
组件
中
的状态,并将其作为支持传递给子
组件
,但只
在
修改后的状态发生变化时才
重新
呈现这些子
组件
? const myComponent = () => {
浏览 0
提问于2020-05-01
得票数 0
回答已采纳
2
回答
React
重新
渲染
列表
javascript
、
reactjs
我有一个
react
页面,上面有几个
组件
,其中一个状态显示了一个模式。我不希望应用程序
中
的所有
组件
在
模式显示时
重新
渲染
。</div> </div> );当showModal值改变时,
组件
CustomForm
组件
和Cu
浏览 1
提问于2021-01-07
得票数 0
2
回答
React
/ Memo:用
React
.memo包装所有功能
组件
reactjs
多亏了
React
hooks,我们开始将所有
组件
作为功能
组件
进行开发。但是我们错过了PureComponent,它
避免
了
不必
要的
重新
渲染
。我们过去常常创建每个扩展PureComponent的
组件
。我的问题是:我们是否应该盲目地用
React
.memo包装所有的功能
组件
?它会以任何方式减慢或影响应用程序吗?有没有不应该用
React
.memo包装功能
组件
的情况?
浏览 4
提问于2019-11-10
得票数 2
回答已采纳
4
回答
如何
在
React
Native
中
仅呈现一次
组件
javascript
、
reactjs
、
react-native
、
react-navigation
我正在使用Expo +
React
导航。
在
我的
React
Native应用程序中有很多使用
组件
Map的屏幕。我不希望这个
组件
在
切换屏幕时被
重新
渲染
。有没有办法将我的
组件
Map保存到某种类型的存储
中
,这样每次我需要Map时,我的应用程序就
不必
重新
渲染
它?
浏览 2
提问于2018-04-02
得票数 5
1
回答
为什么
React
在
重新
渲染
之前不比较以前的状态和新的状态?为什么它总是
在
调用setState时呈现?
reactjs
如果
React
在
重新
渲染
之前比较(浅)前一个状态和下一个状态,它将减少许多
渲染
,这有助于优化性能。 根据的说法,当setState方法被调用时,
React
总是呈现
组件
及其子
组件
。
React
应该巧妙地处理
组件
及其子
组件
的
不必
要的
重新
呈现。
浏览 8
提问于2018-07-21
得票数 5
1
回答
在
React
中使用钩子创建事件处理程序的正确方法是什么?
javascript
、
reactjs
、
jsx
、
react-hooks
在
一个典型的基于类的
React
组件
中
,这是我创建事件处理程序的方式: handleClick = () => {这两种方法似乎都没有
在
每次
渲染
时
不必
要地
重新
创建事件处理程序,正如您可以从上面的代码中看到的那样,所以我认为不存在可能的性能问题。
浏览 1
提问于2019-03-05
得票数 43
回答已采纳
2
回答
编写优化的
React
功能
组件
reactjs
据我所知,当需要
重新
渲染
或有任何状态更新时,整个
React
功能
组件
都会
重新
运行,那么
如何
正确管理这些函数
中
的状态?如果你不想在函数每次
重新
运行时都
重新
创建它,那么让它空出事件处理程序这样的成员是否很重要? 对于编写优化的功能
组件
,是否有某种最佳实践?
浏览 0
提问于2019-08-31
得票数 0
2
回答
React
组件
有时呈现两次不改变的状态。
javascript
、
reactjs
、
use-effect
、
use-state
状态再次更改,因此
组件
被
重新
呈现。
在
步骤4
中
,不应该
重新
呈现
组件
,因为状态不变。作为状态,useEffect是 适用于许多常见的副作用,如设置订阅和事件处理程序.
在
本例
中
,当
组件
第一次呈现时,我们
在
useEffect
中</
浏览 1
提问于2020-03-27
得票数 7
回答已采纳
3
回答
如何
防止父
组件
使用
React
(next.js) SSR两遍
渲染
重新
渲染
?
reactjs
、
next.js
、
server-side-rendering
我使用的是一个使用WEB API的第三方
组件
,所以它需要加载到客户端而不是服务器上。我正在使用'two-pass‘
渲染
,我在这里读到了: 我试图弄清楚为什么当next.js页面状态
中
的'ssrDone‘状态改变时,整个<Layout>
组件
不必
要地
重新
呈现,包括页面的页眉、页脚等。我读过关于
React
.memo()以及利用shouldComponentUpdate()的文章,但我似乎无法阻止它
重新
呈现&l
浏览 154
提问于2019-11-22
得票数 4
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
你的React组件还能跑得再快一点
react 渲染性能优化
React Hooks源码深度解析
React组件开发中常见的陷阱
React 状态管理:状态与生命周期
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券