React初涉

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的原生方法获取节点

  • 定义组件类时，类名必须是首字母大写。

  •  

posted @ 2016-12-22 20:11  _clown  阅读(101)  评论(0)  编辑  收藏  举报