React 语法二:forceUpdate()、componentWillUnmount()、onMouseEnter()与onMouseLeave()

基础语法

forceUpdate()

语法:component.forceUpdate(callback)
该方法将强迫一个 react 组件重新渲染。我们还可以将 setInterval() 函数和 forceUpdate() 方法进行结合运用,来产生动态且平滑的效果!
react 内部在调用 render() 方法时,会使用一些在 JavaScript 中不是很损耗性能的操作,所以尽情的使用 forceUpdate() 方法吧。
在 react 内部,会将这次调用 render() 方法的 DOM 树结果与上一次的 DOM 树结果进行比较。如果比较后,没有差别,那 render() 方法会停止执行,不会尝试任何 DOM 操作。

componentWillUnmount()

该方法在一个组件被移除出 app 之前会被调用。

onMouseEnter()与onMouseLeave()

在 react 中,我们使用 onMouseEnter() 和 onMouseLeave() 方法,来为元素的鼠标移入与移出事件定义函数。

猜你喜欢

转载自blog.csdn.net/achenyuan/article/details/82963229