React 创建组件

创建组件

function Hello(){
	//return null
	return <div>Hello 组件</div>
}

为组件传递数据

//使用组件并为组件传递props数据
<Hello name={dog.name} age={dog.age} gender={dog.gender}></Hello>
//在构建函数中，使用 props 形参，接受外界 传递过来的数据
function Hello(props){

    //如果在一个组件中 return 一个null 则表示此组件是空的，什么都不会渲染
    // return null
    // 在组件中，必须返回一个 合法的 JSX 虚拟DOM元素
    // 结论：无论是 Vue还是React，组件中的props永远都是只读的；不能被重新赋值
    return <div>这是Hello组件--- {props.name} ---- {props.age} --- {props.gender}</div>
}