- 标签要闭合元素
- 必须要有一个顶层元素 变量首字母大写代表组件,小写对应是js数据类型
- 属性,小驼峰命名 ,也可以使用烤肉串形式,不过表达式要用 {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')
)`
``