数据结构
网络
关系型数据库管理系统
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化学
生物
数学
英语
经济学
心理学
社会学
时装学
法学ReactJS - forceUpdate() 方法
在本文中，我们将了解如何通过强制重新渲染一个组件来执行一个函数。
React 生命周期中的组件仅在其传入的道具或其状态发生变化时重新渲染，但要强制渲染组件，请使用 build it forceUpdate 方法。此方法会覆盖组件中定义的 shouldComponentUpdate 方法，但会考虑子组件中定义的 shouldComponentUpdate 方法。
语法
component.forceUpdate(callback)
示例
在此示例中，我们将构建一个 React 应用程序，该应用程序会在按钮单击时强制重新渲染。
App.jsx
import React from 'react';
class App extends React.Component {
update = () => {
// calling the forceUpdate() method
this.forceUpdate();
};
render() {
console.log('Component is rendered');
return (
<>
<h2>TutorialsPoint</h2>
<button onClick={this.update}>Render</button>
</>
);
}
}
export default App;输出
这将产生以下结果。
更新时间： 18-3-2021
679 次观看
广告