不在setState上重新渲染
在React中，setState是一个用于更新组件状态并重新渲染组件的方法。当调用setState时，React会将新的状态合并到当前状态中，并触发组件的重新渲染。
然而，有时候我们希望在更新状态时不触发重新渲染，这种情况下可以使用forceUpdate方法。forceUpdate会强制组件重新渲染，即使组件的状态没有发生变化。
在React中，通常推荐使用setState来更新组件状态并触发重新渲染，因为这样可以保持组件的可预测性和性能优化。但在某些特殊情况下，如果我们确实需要更新状态但不重新渲染组件，可以考虑使用forceUpdate方法。
腾讯云相关产品和产品介绍链接地址：
相关·内容
3回答
我正在尝试改变悬停时显示的图片，我正在从子组件(passSingleImage)中获取新图片的url，一旦我收到新的url，我就重置状态，我也console.logging新的状态，它确实在悬停时被更改了，但是组件没有重新渲染{id:this.props.location.query.id}).fetch() this.setStatethis.state.currentImage) })
浏览 11提问于2017-08-22得票数 0
我对react还是个新手，因此不太理解所有的概念，但据我所知，setState()应该重新呈现所有受影响的组件。) { this.setState) { this.setSt
浏览 21提问于2020-07-28得票数 0
该电路板也有一个“重置”按钮，将所有细胞重新设置为false。 当我单击单元格时，单元格的值会正确更改。当"Reset“按钮被点击时，我希望每个单元格的isAlive值都为false。然而，当视觉上按下“重置”按钮时，电路板上没有变化(单元的颜色不变)。Board.js上handleClick()方法上的console.log(this.state.cells);行为所有单元格打印props: Object { isAlive: false }。newBoard.forEach((item, i
浏览 27提问于2020-10-05得票数 0
const { } = this.state
this.setState({This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate
浏览 52提问于2021-11-16得票数 0
1回答
使用Setstate重新渲染，记录两次，每次单击时正面和尾部计数器都会增加+2而不是+1 class CoinFlip extends Component { const copy = { ...st };
浏览 14提问于2020-06-18得票数 1
回答已采纳
2回答
console.log("ds: ", ds) this.setState在第一次渲染时，它会显示"rendering...."false，然后它会在此处设置ds变量：下一
浏览 3提问于2017-02-05得票数 0
1回答
我在渲染器中有一个handlePageClick函数，如下所示：这些函数是： circleloading: true let names = ["page"] r
浏览 0提问于2020-01-19得票数 0
1回答
实际上，在我网页中，我有三个按钮，一个用于递增firebase数据库中的字段，一个用于递增数据库中的另一个字段，最后用于清除两个字段和UI。这些按钮有效，但当我离开页面转到另一个页面时，控制台显示以下错误："index.js:1446 Warning: Can't call setState (or forceUpdate) on an unmountedheight:'300px'}}
this.database.on('value
浏览 1提问于2019-01-12得票数 1
根据我的实验，如果您有一个对象作为react状态(let [state, setState] = useState({}))，并且您执行如下操作 setState(s => { return s;
}) 它不会重新呈现依赖于s.a的组件。如果从另一方面来说你这样做了 setState(s => {...s, a: 42}); 它将重新渲染所有依赖于s的任何字段的组件，所以在我看来，它实际上只是查看闭包的返回对象引用是否与它
浏览 16提问于2020-04-30得票数 0
回答已采纳
我正在尝试呈现一个按钮和文本，它显示了按钮被点击了多少次，直到它被点击了10次，之后按钮应该消失，文本重新呈现到它之前的状态+“现在它消失了”。this.handleButtonClick() }} bsStyle="danger"> button </Button> ) either = null; </Col>
</Row&g
浏览 16提问于2017-08-08得票数 0
const Modal: React.FC<propsInterface> = (props) => { setState({...state, showLogin: false}); setState({...st
浏览 0提问于2019-09-06得票数 0
回答已采纳
我使用状态来实现这一点，问题是在状态更改期间，悬停状态将应用于所有卡，这意味着按钮将显示在每一张卡上，而不是指向/悬停的那张卡。我如何控制这一点，使按钮仅显示在卡片上触发状态操作的位置。另外，有没有什么办法不会导致状态改变而重新呈现其他组件？我有一个<ChartistGraph>，它是在悬停时重新渲染的，它的动画不断重复。本质上，这就是我正在做的： a
浏览 0提问于2021-03-16得票数 0
1回答
};
const sort = e.target.innerText.trim().toLowerCase(); const currentPage = this.state.page + 1; const page = this.createPag(() => {
this.
浏览 2提问于2020-08-16得票数 0
1回答
this.setState({tdValue: this.props.item}): this.state.tdValue;
return connectDropTarget(
浏览 1提问于2018-09-18得票数 1
2回答
React应该在任务之间的几个点上重新呈现组件。但它仅在整个任务结束时重新渲染。如何让React重新渲染所有setState()调用的页面？一个简化的例子： this.setState(state, () => resolve);下面是一个显示问题的工作示例：
setStatePro
浏览 1提问于2019-08-30得票数 3
我的主要任务是重新呈现功能组件，在单击按钮时更新use_effect()钩子。== i) emp: [...remaining]
} 当我单击Remove按钮时，基本上会将该员工从列表中删除功能组件EmpForm基本上显示了所有员工的列表。 因此，我希望重新呈现页面，以便更新useEffect()钩子中的状态值。因此，当在重新呈现时再次调用EmpForm时，它会显示更新后的列表。
浏览 5提问于2019-06-02得票数 4
1回答
This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdateonGridRowsUpdated = ({ fromRow, toRow, updated }) => { const rows
浏览 4提问于2021-04-18得票数 0
blog/:blogId/:blogTitle' render={() => <BlogPost blogData={this.state.blogData} /> } /> 然后，在组件上，我设置了初始状态，并尝试呈现与数据索引匹配的数据，但我得到了组件重复调用setstate和无限循环的错误。this.setState({blogData:val }) : null
浏览 23提问于2019-09-24得票数 1
回答已采纳
1回答
我正在尝试通过调用this.setState({player1: this.state.player1 + 1})来更新我的分数。如果我说得不准确，我很抱歉。这是我第一次尝试作为一个问题。"X" : "O";
this.setState({ squares, xIsNext: !let squares = this.state.squares.slice();
浏览 0提问于2018-09-19得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
