React SetState不会导致重新呈现，而且forceupdate()也不起作用
React中的setState方法用于更新组件的状态，并触发重新渲染。但是，React并不保证每次调用setState都会立即触发重新渲染，而是将更新请求放入一个队列中，然后根据一定的策略进行批量更新，以提高性能。
当调用setState时，React会对新的状态进行浅比较，如果发现状态没有变化，则不会触发重新渲染。这是因为React使用虚拟DOM来进行高效的DOM更新，只有当状态发生变化时，才会重新构建虚拟DOM树并进行diff算法比较，最终更新真实DOM。
在某些情况下，即使状态发生变化，也可能不会触发重新渲染。例如，当父组件重新渲染时，子组件的setState调用不会导致子组件重新渲染，除非父组件将新的props传递给子组件。
forceUpdate方法是React组件提供的一个强制重新渲染的方法。通常情况下，应该避免使用forceUpdate，而是通过setState来更新状态。因为forceUpdate会跳过shouldComponentUpdate生命周期方法的检查，可能导致性能问题。
综上所述，React的setState方法是用于更新组件状态并触发重新渲染的，但并不保证每次调用都会立即触发重新渲染。forceUpdate方法可以强制重新渲染，但应该谨慎使用。
相关·内容
我在这段代码中更改了几次状态，但无论我做什么，组件都不会重新加载。即使试图通过调用this.forceUpdate()来强制执行该问题，也无济于事。我做错了什么？我正在使用this.setState更新代码，状态正在成功地更改。但是我仍然不明白为什么没有一个地方调用this.setState()方法，组件永远不会被重新呈现。我做错了什么？import React from 'react';
imp
浏览 79提问于2020-09-08得票数 1
我在一个react子组件中有一个发出HTTP post请求的函数。在它的响应中，我使用了this.setState和this.forceUpdate，但是组件没有重新呈现。我使用了this.setState和this.forceUpdate，但是组件没有重新渲染。如果我将alert方法放在响应中，它就不会重新呈现 axios({
method: 'post&#x
浏览 7提问于2019-05-25得票数 0
在不覆盖shouldComponentUpdate的组件中，forceUpdate和setState之间有什么区别吗？假设一个简单的用例:不需要撤销或时间旅行功能。在这种情况下，在我看来，变异状态和调用forceUpdate()是一种非常有效的使用React的方法。从黑匣子的角度来看，这两种技术似乎具有
浏览 10提问于2017-05-08得票数 13
回答已采纳
1回答
我将这些元素放入this.state.map中的原因是，我可以在(某些)上层组件中更改内容，而不必每次都重新呈现数组(这非常缓慢)，而且我不想使用shouldComponentUpdate。问题是，当父this.state[element] (作为初始componentWillMount中的道具传递给子componentWillMount)发生更改时，它不会更新子componentWillMount
浏览 2提问于2016-06-19得票数 0
2回答
我正在尝试使用this.setState({ data: data })通过ajax调用来更新表；但是没有用新数据重新绘制数据表吗？(我可以看到接收到了新数据) render: function() { <tr> </tr> }va
浏览 1提问于2015-02-13得票数 4
回答已采纳
我在React Native的一个类中有一个状态和函数，我用它来创建一个计数器来计算完成的任务数。className) { let taskCount = 0;
this.setState
浏览 21提问于2021-04-23得票数 0
回答已采纳
我要做的是抓取json数据，将其呈现为一个元素。这就是我所拥有的，但是this.images继续显示为空(如果我不在顶部设置它，则显示为未定义/空)。import React, { Component } from 'react';
export default class Grid extends
浏览 0提问于2017-08-07得票数 0
: 'noooo'} );}2.使用React组件状态export default class Test extends Component {this.state = { active: false }; if(this.props.name === 'Dan') { </div>
浏览 5提问于2019-01-30得票数 8
我有一个简单的React设置，看起来有点像这样：ReactDOM.render(<App />, document.getElementById('root'));exportDOM to test if re-render occurs flag: true
浏览 1提问于2019-07-31得票数 2
回答已采纳
19回答
考虑下面的钩子例子 const [count, setCount()方法强制组件在React类组件中立即重新呈现，如下面的示例所示 constructor(props){({count});
浏览 0提问于2018-11-08得票数 207
回答已采纳
我遇到了一种奇怪的行为，当我在Render函数之外生成一个视图时，即使它是在第一代(在this.forceUpdate的帮助下)呈现的，当状态发生变化时，它也不会重新呈现。(); this.setState({ });
// this.forceUpdate然后，当您单击“Control
浏览 1提问于2019-06-09得票数 1
我想在用户还没有登录时隐藏一些导航，所以我使用本地存储来保存用户的id，并使用if逻辑来隐藏和显示导航，但是当我清除本地存储中的数据并将其与null进行比较时，导航仍然显示出来。 以下是将数据保存到本地存储中的代码 loginUser = () => { .then((res) => {
if(res.data.role === "
浏览 17提问于2020-04-20得票数 0
回答已采纳
2回答
我有一个单独的React组件，看起来如下所示： propTypes: { getValues: React.PropTypes.func, }, },
handleC
浏览 0提问于2016-05-12得票数 2
回答已采纳
4回答
我现在正在使用react组件，以前也使用过它们，但当涉及到它时，我仍然认为自己很nooby。
问题:我的setState正在刷新和更改this.state，但我的组件根本不会重新呈现。我可以观察我的状态改变，甚至可以手动改变它，但它仍然不会改变我的任何条件渲染。我试图有条件地呈现一个ProcessingBox和一个JobsGrid，但是我无法加载任何东西。尝试:我尝试通过控制台记录所有组件，甚至在函数中，我得到了我想要的正确输出，但不会</em
浏览 0提问于2019-11-19得票数 0
当对象被更新时，它会发出更改事件，然后当检测到任何更改时，我希望重新修改组件。对于顶级React.render来说，这是可能的，但在组件中却不起作用(这有点道理，因为render方法只是返回一个对象)。this.handleButtonClick.bind(this)}> </button> )}
单击按钮在内部调用this.render()，但这并不是导致呈现</em
浏览 5提问于2015-06-03得票数 1008
回答已采纳
我有这个组件，我想在调用api之后重新添加。我不明白为什么在getWinks的api调用之后，winks-count会更新，但除非我刷新，否则不会在视图上更新。我不应该使用this.forceUpdate()。请提出建议，欢迎任何批评。this.state.user.id, product_id:itemId }).then(function (response){
浏览 4提问于2016-10-11得票数 3
回答已采纳
1回答
tertiary" size ='xs' type="button" handleClick={this.saveHeader}>OK</Button>
this.setStatealert('Header changed to ' + this.state.shoeList[0].id); } 我不确定要在this.setState
浏览 14提问于2020-03-26得票数 0
3回答
是否有一种可以与React一起使用的forceUpdate？我考虑把这个换成钩子。但后来我意识到我无法访问forceUpdate。
我考虑了一种叫做useState钩子的解决方案，它可以添加一个虚拟计数器，然后从效果钩子中更新计数器，但感觉就像一次黑客攻击。
浏览 1提问于2019-09-11得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
