jsx语法要求

1. 标签要闭合元素
2. 必须要有一个顶层元素 变量首字母大写代表组件，小写对应是js数据类型
3. 属性，小驼峰命名 ，也可以使用烤肉串形式，不过表达式要用 {this.props[‘arr-student’]}

 import React from "react";
 import ReactDom from "react-dom";
 class  App extends React.Component{
     render() {
    	console.log(this)
  	  return(
      	      <div id="container">
         	  <h3>{this.props.title}</h3>
          	  <h3>{this.props['arr-student'] }</h3>
                    //对象无法直接通过{对象}展示		          	  
              </div>
        ) }
}
ReactDom.render(
    <App title="标题" num={12} arr-student={['a','b','c']} json={{a:1,b:2}}/>,//arrstudent={['a','b','c']}
    document.querySelector('#root')
)`
``