标签:
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);
其二:单独定义某个标签可以用这种方式。
标签:
原文地址:http://www.cnblogs.com/kuailingmin/p/4208108.html