JSX

1.JSX组件命名规范：

使用大驼峰命名法，如：HellowCompoent。

2.标签传参问题：只支持三元表达式与二元表达式

var Hellocompotent = React.createClass({
	render:function(){
        //三元运算符 name值存在时返回name本身，不存在时返回‘undefined’
	    return 
 Hello {this.props.name ? this.props.name: 'undefined'}
;
        //二元运算符 name值存在时返回name本身，不存在时返回‘undefined’
		 return 
 Hello {this.props.name ||  'undefined'}
;			
    }
});
ReactDOM.render(
	,
    document.getElementById('reactContainer')
);

3.return 与后面标签要在一行

var Hellocompotent = React.createClass({
		render:function(){
			return 
 Hello
;
            //这种写法错误
            return 
            
 Hello 
;
		}
});

4.数组遍历（2种方法） 注意：两种方式都要加key值

1.使用map进行遍历

//第一种遍历方法
ReactDOM.render(
	,
	document.getElementById('reactContainer')
);
				
let names= ['jspang','Panda','前端技术'];
				
var Map = React.createClass({
    render:function(){
        return 

	    {
		    names.map(function(name){
			    return 
 Hello,{name}!
;
		    })
	    }
	    
    }
});
			
ReactDOM.render(

2.自定义数组

//第二种遍历方法
let arr=[
  
Hello world!
,
  
 React is awesome
];
			
ReactDOM.render(
{arr}
,document.getElementById('arr'));