尚硅谷笔记——React组件通信——TodoList案例(详细版)

书杯学校上垃圾创业课浪费我时间 破校园网真傻比 每天痛骂学校一万遍

 

把案例重新敲了一遍，并附上笔记一步步来吧 大家都要加油、勤加练习就可以拯救世界啦

1.拆分组件

具体视频还是看老师讲课把，效果图和需求在视频有讲

 主要文件：

public 静态资源文件、index.html主页面

src源码文件夹：App.js、index.js入口文件

 html语法与jsx写法是有些不同的，所以在拆分之前将原静态页面html代码 class 改成 className 、style改成双花括号 ctrl + h 实现代码替换

安装一个vscode插件 初始的组件代码就省事了 ———— es7 React/Redux

快捷键 rcc(类组件)   ref(函数组件)