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>标签解析进行的方式有所改变，如图：