// 1.导包
import React from 'react'
import ReactDOM from 'react-dom'
//第一种创建组件的方式
function Hello(props) {
//如果在一个组件中return一个null,则表示此组件为空,什么都不会渲染
// return null
//在组件中,必须返回一个合法的JSX虚拟DOM元素
console.log(props)
// 结论 :不论是Vue 还是React,组件中的props永远都是只读的,不能被重新赋值
return <div>这是Hello组件 -- {props.name}</div>
}
const dog = {
name: '大黄',
age: 3,
gender: '熊'
}
ReactDOM.render(<div>
<Hello {...dog}></Hello>
</div>, document.getElementById('app'))