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

posted @ 2018-01-02 15:17  下一秒钟已经不同  阅读(125)  评论(0)    收藏  举报