04.创建组件的第一种方式

// 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'))