function Hello(props){
//如果在一个组件中，return一个null，则表示此组件什么都不渲染
//return null
return <div>这是一个简单的组件</div> //必须返回一个合法的jsx
//返回一个虚拟DOM元素
}
//使用组件并为组件传递props数据
ReactDOM.render(
<Hello name={
dog.name} age={
dog.age} gender={
dog.gender}></Hello>
document.getElementById(app))
//在构造函数中，使用props形参，接收外界传来的数据
function Hello(props){
///props.name = zs
console.log(props)//形参
//不论是Vue还是React，组件中的props永远都只能是只读的，不能被重新赋值
return
<div>这是Hello组件 --- {
props.name} --- {
props.age} --- {
props.gender}</div>//可以返回一个虚拟DOM
}
