腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
2
回答
我应该使用shouldComponentupdate吗?
reactjs
、
react-hooks
最近,我意识到子组件总是在父组件改变时重新渲染,即使道具和子组件的状态没有改变。这使我的项目变得如此缓慢。所以,我使用shouldComponentupdate修复了这个问题。但是,我真的应该使用它吗? 如果我用它的话。有没有办法把它应用到React-hook上? 这是我的shouldComponentupdate中的代码 shouldComponentupdate(nextProps, nextState){ if(JSON.stringify(nextProps) !== JSON.stringify(this.props) || JSON.stringify(nextState) !=
浏览 20
提问于2019-05-23
得票数 4
1
回答
每次父渲染时,React子渲染都会重新渲染
reactjs
、
react-hooks
正如我在下面展示的,react子渲染每次它的父渲染时都会渲染。这是为什么,这是一个问题吗?另外,我怎样才能避免它,以致于只有当它的优点改变时,子对象才会重新渲染。 import React, {useEffect, useState} from 'react'; function App() { return ( <div> <Main></Main> </div> ); } export default App; function Main() { const [count
浏览 38
提问于2020-04-29
得票数 1
2
回答
是否有反应组件深入比较道具,以检查是否需要改进机?
javascript
、
reactjs
我想知道扩展React.Component的React在试图决定它是否需要改进型时是否对对象进行了深入的比较。 例如,给出 const Foo = ({ bar }) => { return <div>{bar.baz}</div> } class App extends React.Component { constructor() { super() this.state = { bar: { baz: 1} } } render() { return <Foo bar={this.state.bar} /&g
浏览 1
提问于2018-10-25
得票数 17
回答已采纳
3
回答
如果我使用setState,但是状态值保持不变,那么将响应重命名器吗?
javascript
、
reactjs
假设我目前有一个带有状态{random: 1}的React组件。如果我打电话 this.setState({random: 1}) 它会触发重渲染吗?如果是这样的话,在调用setState时是否可以阻止重新呈现,但是状态不会这样改变?
浏览 0
提问于2021-01-07
得票数 0
回答已采纳
4
回答
React会因为属性而渲染组件吗?
reactjs
根据该链接: 可以使用new props触发render()。有没有人能给我举个代码例子?我看不出道具是如何改变调用渲染的!请不要通过状态更改属性;然后调用render()的是setState() ...
浏览 2
提问于2019-10-11
得票数 0
2
回答
React PureComponent vs Component在呈现相同的计数的情况下
javascript
、
reactjs
在一个React类模块中,如果在PureComponent中渲染的次数和在组件中渲染的次数相同,我应该使用哪一个?PureComponent总是比Component更快,更好? render(){ //console.log('rendered'); return(<div>... }
浏览 14
提问于2020-05-21
得票数 0
回答已采纳
3
回答
shouldComponentUpdate和内置diffing的区别
javascript
、
reactjs
我知道如果render()方法返回false,shouldComponentUpdate()将阻止调用它。如果我在render()方法中使用了一些昂贵的逻辑,那么shouldComponentUpdate()就是一个非常有用的东西,因为我可以阻止render()调用。 但是,如果我的render()方法只返回Element,而不执行任何代价高昂的代码,那会怎么样呢? 在render()调用时,shouldComponentUpdate()中的比较(让我们以PureComponent的实现为例)和内置的React diffing有什么不同吗?
浏览 0
提问于2018-11-12
得票数 1
2
回答
如果一个无状态组件的属性没有改变,它会重新呈现吗?
reactjs
我从React学到的一件事是,如果组件的道具没有改变,那么React就不会费心重新渲染组件。对于无状态组件也是这样吗?或者它们的行为更像是“愚蠢的”函数,并且每次都会被执行? 例如,如果我有: import StatelessComponent from '../StatelessComponent'; export default class DocumentsTable extends React.Component { state = { something: 'foobar', }; render() { return (
浏览 1
提问于2017-10-14
得票数 51
回答已采纳
1
回答
试图解决与反应上下文有关的问题
reactjs
、
redux
、
react-context
我的同事指出了一个可能与反应背景有关的问题。他善意地在CodeSandBox中创建了两组代码来演示这个问题。 Redux版本(工作没有任何问题) 使用Chrome,请打开此链接:Open在另一个选项卡中的独立链接:In独立选项卡,打开Chrome DevTools并单击React Components选项卡。配置中的,确保textbox中的“当组件呈现时突出显示更新”是checked.Type,并注意到颜色矩形仅出现在组件1和2周围。是我们的基本案例,说明了我们希望用每个键重新呈现的内容。。 上下文版本(说明问题) 使用Chrome的Open ,请打开此链接:在另一个选项卡中打开独立链接:In
浏览 4
提问于2019-11-15
得票数 0
回答已采纳
1
回答
使用无状态组件响应备忘录
reactjs
在引入memo和hook之前,所有的功能组件都是无状态的。 在介绍了memo和hook之后,我对这两个概念有点困惑。 是React.memo,用于只使用钩子的函数。 是否应该将(所有无状态功能组件)更新为React.memo以进行优化?还是在函数不自动使用钩子时对其进行优化?
浏览 1
提问于2019-10-28
得票数 0
回答已采纳
3
回答
函数组件中的shouldComponentUpdate
reactjs
我有一个关于React的shouldComponentUpdate (未被覆盖时)的问题。我确实更喜欢纯函数组件,但我担心它每次都会更新,即使props/state没有改变。所以我正在考虑改用PureComponent类。 我的问题是:功能组件是否具有与PureComponents相同的shouldComponentUpdate检查?或者它每次都会更新?
浏览 1
提问于2016-12-01
得票数 77
回答已采纳
2
回答
我应该在任何地方使用React.PureComponent吗?
javascript
、
reactjs
React说纯渲染可以优化性能。现在React有了PureComponent。我应该在任何地方使用React.PureComponent吗?或者什么时候使用React.PureComponent,在哪里使用React.PureComponent最合适?
浏览 3
提问于2017-03-13
得票数 52
回答已采纳
2
回答
React + gsap =为什么在光标移动时进行渲染?
reactjs
、
gsap
我在react中使用gsap制作了一个自定义光标。我不能理解为什么当光标移动时会发生渲染,尽管我没有改变状态? 谢谢。
浏览 32
提问于2020-02-08
得票数 0
3
回答
即使道具没有改变,为什么react也要重新渲染组件呢?
javascript
、
reactjs
我已经使用react了一段时间,并阅读了文档,我发现了一些对我来说很奇怪的东西,为什么react重新渲染组件的子元素在父组件的每个状态更改上,即使子道具是相同的??为什么我要把我的组件包装在Memo()中以防止这种重现呢?将Memo设置为每个react组件的默认设置,或者我是否应该对所有组件都使用它,并不是更好。
浏览 4
提问于2021-04-22
得票数 2
3
回答
React检查组件重新呈现的次数
reactjs
、
react-native
我正在做一些事情,我的一段代码有点慢,我认为发生的情况是组件无缘无故地重新渲染了太多次。有没有办法检查一个组件在react(或react-native )中重新渲染了多少次?我尝试做的是在render方法后放置一个console.log,并计算有多少个,但我不确定这是否有效。提前感谢!
浏览 6
提问于2019-02-07
得票数 9
回答已采纳
1
回答
为什么虚拟域不能阻止我的子组件重命名?
javascript
、
reactjs
我有一个父组件和子组件,在我的示例中,当单击“增加”按钮时,子组件将被重新命名。 import React, {useEffect,useState} from 'react'; export const App = (props) => { const [count, setCount] = useState(0); const handleCount = ()=>{ setCount(count+1); } useEffect(()=>{console.log("Parent was rerendered")})
浏览 3
提问于2022-08-01
得票数 1
1
回答
在react重新渲染中,如何防止将滚动条重置到其他未更改组件的顶端?
javascript
、
reactjs
、
react-hooks
、
react-dom
我有以下样例react代码 const A = () => { const [value1, setValue1] = React.useState(true); const [value2, setValue2] = React.useState(true); return ( <div> <div class="first-comp"> <FirstComponent data1={value1} data2={value2} /> <
浏览 283
提问于2021-09-14
得票数 0
回答已采纳
1
回答
有没有使用React.memo/PureComponent比不使用它的性能更差的例子?
reactjs
、
performance
、
memoization
、
premature-optimization
我在讨论和文章(其中许多来自React的开发人员)中多次提到,React.memo或PureComponent会带来性能开销,只有在实际测量性能之后才能应用。 但是,正如在this answer中所看到的,认为在道具上进行浅层比较的开销可能会超过深层次VDOM比较的成本,这是违反直觉的,而且似乎很难在没有具体例子的情况下反驳,在这种情况下,React.memo或PureComponent确实更慢。 然而,在花了整个晚上寻找更多关于这个主题的信息之后,我还没有找到这样的例子。 是不是因为这样的例子构造起来不那么简单?或者它是如此微不足道,以至于在大多数情况下都可以观察到性能影响(所以不需要编写
浏览 28
提问于2021-08-31
得票数 1
回答已采纳
3
回答
React防止父组件更新时子组件中的状态发生更改
javascript
、
reactjs
我有两个组件,一个是父组件,另一个是子组件 在我的父组件中,我使用了react-table,在内部使用了一些定义了react-table的组件,比如 Filter: props => <FilterInnerComponent {...props} />, 问题出在我的子组件中,我在单击某个按钮时将某些状态更改为true或false。当我的数据在我的父组件中发生变化时。我的子组件也在重新渲染,子组件状态恢复为默认状态。 如何防止这种情况,并在父组件状态更改时保持子组件的状态最近一次更改。 我研究并看到了一些关于以下内容的解决方案: shouldComponentUpdate
浏览 0
提问于2019-05-13
得票数 0
2
回答
如何在不重新渲染整个组件的情况下只更新组件中的一个元素?
reactjs
我正在尝试优化app的性能。我发现问题是我的一个组件在我设置的条件下重新渲染,并且它包含大量的数据。我想知道是否有可能不重新渲染整个组件,而只重新渲染已更改的元素? 我已经尝试过使用PureComponent,但这对我来说没有足够的控制力。我目前使用的是shouldComponentUpdate。
浏览 2
提问于2019-07-06
得票数 0
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
React推出并发模式:可中断渲染、指定加载顺序、并行处理多状态
你的React组件还能跑得再快一点
Web前端:使用ReactJS构建的应用类型
自带异步渲染的前端框架: Crank
React 深入系列4:组件的生命周期
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券