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

这些内容是我学习 《fullstack-react-book》 一书，自己翻译、整理出来的要点。

基础语法

forceUpdate()

1. 语法：component.forceUpdate(callback)。

2. 该方法将强迫一个 react 组件重新渲染。我们还可以将 setInterval() 函数和 forceUpdate() 方法进行结合运用，来产生动态且平滑的效果！

3. react 内部在调用 render() 方法时，会使用一些在 JavaScript 中不是很损耗性能的操作，所以尽情的使用 forceUpdate() 方法吧。

4. 在 react 内部，会将这次调用 render() 方法的 DOM 树结果与上一次的 DOM 树结果进行比较。如果比较后，没有差别，那 render() 方法会停止执行，不会尝试任何 DOM 操作。

componentWillUnmount()

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

onMouseEnter()与onMouseLeave()

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