目录：

 

 

1、创建组件的第一种方式

// 创建组件的第一种方式
function Hello() {
    return <div>这是Hello组件</div>
}
ReactDOM.render(<Hello></Hello>, document.getElementById('app'))

// 为组件传递props数据
function Hello2(props) { // props只读
return <div>这是Hello组件, {props.id} + "--" + {props.name} + "--" + {props.age}</div>
}
var user = {id: 1, name: '张三', age: 20}
// ReactDOM.render(<Hello2 id={user.id} name={user.name}></Hello2>, document.getElementById('app'))
ReactDOM.render(<Hello2 {...user}></Hello2>, document.getElementById('app'))