我的React
BootCDN 的 React CDN 库,地址如下:
<script class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="https://cdn.bootcss.com/react/15.4.2/react.min.js"></script>;
<script class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="https://cdn.bootcss.com/react/15.4.2/react-dom.min.js"></script>;
<script class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="https://cdn.bootcss.com/babel-standalone/6.22.1/babel.min.js"></script>;
JSX:没有什么是一个{}解决不了的事情,三元运算符替代if else,特殊注释,数组自动解析,H小写、组件大写,
组件:可以复合哦
React 生命周期or执行顺序:获取初始值 将挂载 执行父子孙redner方法 已挂载(挂载一次),
状态变化 准备渲染 执行当前()redner方法 已渲染(渲染多次)
()代表:子组件准备接受参数--->子组件准备渲染--->render方法--->子组件渲染完成
特殊的方法:shouldComponentUpdate 根据属性值和状态判断当前组件是否进行渲染
state用来改变
props用来传递 props的验证:proptype
ref:获取组件的引用
注意事项:onlyone原则:有且只有一个根标签
共同学习,写下你的评论
评论加载中...
作者其他优质文章