React版本修改内容

React新版本(0.12.2)在2014年12月18日发布，对比了我之前用的v0.11.2版本改动很大，基本的写法被扩展，让我顿时感觉自己又要重新开始。坑啊~

事已至此，必须重新适应，首先我们来看看React定义组件的基本写法：

v0.11.2版本中写法：

var Klm = React.createClass({

    render:function(){

        return(

             <h1>hello!</h1>

            )

    }

});

React.renderComponent(<Klm />,document.body);

 

v0.12.2版本中写法：

var Klm = React.createClass({

    render:function(){

        return(

             <h1>hello!</h1>

            )

    }

});

React.render(<Klm />,document.body);

在这里renderComponent被简化为render,这是其一！

var foo = {

    width:'100px',

    height:'100px',

    border:'1px solid #000'

};

var myDivElement = <div style={foo} />;

React.render(myDivElement, document.body);

其二：单独定义某个标签可以用这种方式。

注释定义：

       原先版本的必须加上 /** @jsx React.DOM */这个注释才能进行js代码解析，在新版本的v0.12.2版本中则不需要加这样的注释就可以直接进行代码编译。

JSX浏览器解析方式:

       在老版本中的会看到针对<li>标签的解析进行的方式是 React.DOM.li，如图：

    

 

      在v0.12.2版本中针对<li>标签解析进行的方式有所改变，如图：