【文件属性】：
文件名称：react-music:React构建的音乐WebApp
文件大小：543KB
文件格式：ZIP
更新时间：2021-05-01 23:10:00
JavaScript
一、项目说明
个人学习之作品，借鉴掘金大佬神三元的案例，为未来开发zune做技术储备。
二、组件优化使用 React.memo()优化
Component 的 2 个问题
只要执行 setState(),即使不改变状态数据, 组件也会重新 render() ==> 效率低
只当前组件重新 render(), 就会自动重新 render 子组件，纵使子组件没有用到父组件的任何数据 ==> 效率低
解决方式 1：重写 shouldComponentUpdate()方法
解决方式 2：使用 PureComponent
解决方式 3：本项目采用方案--React.memo()是一个高阶函数，它与 React.PureComponent 类似，但是一个函数组件而非一个类。
三、封装 scroll 组件和 forwardRef 的使用
scroll 的参数
Scroll.propTypes = {
【文件预览】：
react-music-master
----package.json(1KB)
----desktop.ini(109B)
----src()
--------baseUI()
--------index.js(464B)
--------assets()
--------routes()
--------api()
--------serviceWorker.js(5KB)
--------application()
--------components()
--------App.js(1KB)
--------style.js(1KB)
--------store()
----.idea()
--------react-music.iml(458B)
--------misc.xml(174B)
--------vcs.xml(180B)
--------modules.xml(274B)
--------.gitignore(104B)
--------inspectionProfiles()
----.gitignore(316B)
----public()
--------logo192.png(5KB)
--------manifest.json(492B)
--------robots.txt(67B)
--------index.html(788B)
--------DOM节点关系图.png(35KB)
--------music.jpg(120KB)
--------logo512.png(9KB)
--------favicon.ico(4KB)
----README.md(3KB)
----yarn.lock(489KB)
----.vscode()
--------settings.json(112B)
--------extensions.json(159B)