-
react-component-updating-lab-online-web-sp-000下载
资源介绍
React:组件安装和卸载
目标
描述在React组件生命周期的更新阶段会发生什么
简要介绍React Ref及其在组件生命周期中的作用
练习使用shouldComponentUpdate和componentDidUpdate 。
概述
在以前的实验室中,我们开发了MultiTimer应用程序,该应用程序解决了涉及多个计时器的所有需求。好吧,有点。它仅在1秒计时器内有效。在本实验中,我们将使用组件生命周期更新方法实现一些额外的功能。
该应用程序正在运行,并且已经在App.js和Timer.js使用了componentDidMount方法。在App中, componentDidMount调用一种方法来添加一个初始计时器。在Timer中, componentDidMount初始化一个间隔。
Timer中的时间间隔是根据prop updateInterval设置的。如果看一下App,您会看到这