react知识梳理
react:
是什么:javascript库;
做什么:构建用户页面,创建交互式UI;
特点:声明式视图,基于组件,单向数据流
组成部分:
元素:DOM元素,react元素
组件:函数式组件,类组件
函数式组件:参数是props,返回值为react元素的函数;(可以转换成类组件);只有props参数
类组件:返回react元素;包含props,state,生命周期钩子(函数),处理事件,refs编号(通过props,refs实现数据流)
jsx:js语法糖
怎么用:
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <script src="react.js"></script> 5 <script src="react-dom.js"></script> 6 <script src="browser.min.js"></script> 7 </head> 8 <body> 9 <div id="example"></div> 10 <script type="text/babel"> 11 // ** Our code goes here! ** 12 ReactDOM.render( 13 <h1>{1+1*4}</h1>, 14 document.getElementById('example') 15 ); 16 </script> 17 </body> 18 </html>
react相关:
状态管理:基于redux, redux-saga and react-router的dva