react.js学习

ReactJs学习

先上代码：HTML代码

确保你安装了babel,在CMD中输入：

babel --presets react demo01 --watch --out-dir build

entry.js代码

var HelloWorld = React.createClass({
    render:function(){
        return (
            
{this.props.message}
        );
    }
});

ReactDOM.render(
    ,
    document.getElementById("abc")
)

上面第一个必须要用React类，下面一个要用ReactDOM，因为上面那个是渲染的虚拟DOM，后面一个才是真正render到了HTML里面了。
如果是要传一个json数据可以像下面这样使用：

var UserInfo = React.createClass({
    render:function(){
        var title = this.props.name.firstName +" "+this.props.name.lastName;
        return (
            

                {title}
            
        );
    }
});
ReactDOM.render(
    

        

    
,
    document.getElementById('abc')
);