React是Facebook内部的一个JavaScript类库,于2013年开源,可用于创建web用户界面。
- React不是mvc框架,它只专注于视图,也就说v。
- React是一种思想,倡导“learn once,write anywhere”,分web版的React.js和原生App的React Natvie
- 入门案例
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <script type="text/javascript" src="js/react.min.js" ></script> <script type="text/javascript" src="js/react-dom.min.js" ></script> <script type="text/javascript" src="js/browser.min.js" ></script> <title></title> </head> <body> <div id="app"></div> <script type="text/babel"> var Hello = React.createClass({ render :function(){ return( <p>第一个案例</p> ) } }); ReactDOM.render(<Hello />,document.getElementById("app")) </script> </body> </html>
三个文件引入顺序不能有误
script标签的type属性需要变成 text/babel,不能使用text/javascript
建组件的时候,使用的是React.createClass方法。参数是一个对象,其中最重要的方法,就是render,在render方法中,可以使用html标签和js的混合。Return返回的内容,有且仅有一个根标签。,在整个代码中,凡是出现标签,标签必须要关闭
在ReactDOM.render方法第二个参数,必须要使用DOM的原生方法获取节点 -
定义组件类时,类名必须是首字母大写。