React中简单地创建组件并使用

• 创建组件：

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
}