文件名称:react-component-mounting-lab-rcdd_202103_leb_few
文件大小:106KB
文件格式:ZIP
更新时间:2024-04-18 17:54:36
JavaScript
React:组件安装和卸载 目标 描述在React组件生命周期的安装阶段会发生什么 描述在React组件生命周期的卸载阶段会发生什么 练习在React组件生命周期的适当时间执行设置和拆卸操作。 概述 在本实验中,我们将为一个简单的应用程序MultiTimer实现React生命周期方法。 MultiTimer允许用户启动多个一秒钟的计时器。 根据需要启动尽可能多的计时器! 每个计时器都是单个组件,并使用状态跟踪其自己的时间。 继续并使用npm start运行该应用npm start 。 该应用程序已经部分运行,但是我们需要进行一些更改。 通过单击“添加计时器”,计时器将被添加到页面中,但仍为0 。 为了使我们的计时器正常工作,我们将需要使用组件生命周期方法来处理启动和清除间隔。 可交付成果 要通过此实验中的测试,您需要在App.js和Timer.js中必要时编写componentDidM
【文件预览】:
react-component-mounting-lab-rcdd_202103_leb_few-master
----public()
--------manifest.json(317B)
--------index.html(2KB)
--------.learn(0B)
----.learn(91B)
----src()
--------App.js(1KB)
--------Timer.js(847B)
--------App.css(2KB)
--------index.js(168B)
----test()
--------index.test.js(2KB)
--------mocha.opts(64B)
----README.md(5KB)
----.gitignore(1KB)
----package-lock.json(449KB)
----package.json(867B)