安装React 开发调试工具
需要科学上网 去google的网上应用商店 搜索React Developer Tools
React Developer Tools
没办法科学上网的小伙伴 可以评论或者私信我 还不行的可以加我微信😂😂😂😂😂
还是很好用的 有State 还有Props 组件树 其他功能我还没用到用到了再说
- state props render之间的关系
F的state值更改 会render 给Z传值Z props接受 props改变 也会触发render
F的render函数执行 子组件的render也会执行
ref 官方推荐不要用ref 数据驱动去实现功能
推荐几个比较有意思的网站
- scaffolf.ant.design
- codesandbox.io
一些React的高级应用
虚拟DOM
- 描述
1.state 数据
2.JSX模板
3.数据+模板
4.生成虚拟DOM(其实就是个js对象 来描述虚拟DOM树)
state发生变化
5.生成新的虚拟DOM()
6.比较原始虚拟DOM和新的虚拟DOM的区别 找到区别 生成新的虚拟DOM 并替换真是DOM
-
深入虚拟DOM理解
JSX -> -> createElement -> virtual DOM(JS对象)-> DOM
其实RN之所以存在也是因为虚拟dom 因为虚拟DOM是个js对象 可以转换成原生应用的各种组件- diff算法
同级比较还没有到深入了解diff算法的程度 现阶段用react做个东西了解用法 采坑 后续等有机会深入了解
- diff算法
