文件名称:react-component-updating-lab-v-000
文件大小:11KB
文件格式:ZIP
更新时间:2024-04-09 22:02:55
JavaScript
React:组件安装和卸载 目标 描述在React组件生命周期的更新阶段会发生什么 简要介绍React Ref及其在组件生命周期中的作用 练习使用shouldComponentUpdate和componentDidUpdate 。 概述 在以前的实验室中,我们开发了MultiTimer应用程序,该应用程序解决了涉及多个计时器的所有需求。好吧,有点。它仅在1秒计时器内有效。在本实验中,我们将使用组件生命周期更新方法实现一些额外的功能。 该应用程序正在运行,并且已经在App.js和Timer.js使用了componentDidMount方法。在App中, componentDidMount调用一种方法来添加一个初始计时器。在Timer中, componentDidMount初始化一个间隔。 Timer中的时间间隔是根据prop updateInterval设置的。如果看一下App,您会看到这
【文件预览】:
react-component-updating-lab-v-000-master
----public()
--------manifest.json(317B)
--------index.html(1KB)
--------.learn(0B)
----.learn(91B)
----src()
--------Controls.js(507B)
--------App.js(2KB)
--------Timer.js(1KB)
--------App.css(2KB)
--------index.js(168B)
----test()
--------index.test.js(1KB)
--------mocha.opts(64B)
----README.md(8KB)
----.gitignore(1KB)
----package.json(911B)