码迷,mamicode.com
首页 > Web开发 > 详细

reactjs入门到实战(一)---- jxs详解

时间:2016-06-04 17:44:30      阅读:747      评论:0      收藏:0      [点我收藏+]

标签:

》》》如何转换    JSX transformer   Babel    官网:http://babeljs.io/   里面有一个可以看转换的测试器,es6什么的也可以应用:

注意:jsx要用大写   class 、for 、style 、onChange 是不能用的关键词。style使用颜色的时候用 style = {{color:‘red‘,fontSize:20}}  

技术分享

 》》》例子二:

var Hello = React.createClass({
                render:function(){
                    return(
                        <span> Hello {this.props.name }!</span>
                    );
                }
            });
            var props = {};
            props.name = "chen";
            props.age = 17;
            var MyHello = <Hello {...props} />;
            ReactDOM.render(MyHello,document.getElementById(example))
"use strict";

var Hello = React.createClass({
    displayName: "Hello",

    render: function render() {
        return React.createElement(
            "span",
            null,
            " Hello ",
            this.props.name,
            "!"
        );
    }
});
var props = {};
props.name = "chen";
props.age = 17;
var MyHello = React.createElement(Hello, props);
ReactDOM.render(MyHello, document.getElementById(example));

 

reactjs入门到实战(一)---- jxs详解

标签:

原文地址:http://www.cnblogs.com/chenjinxinlove/p/5558978.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!