创建函数式组件的方式:
function Hello(){
return <h1>Hello</h1>; //或return null;
}
调用组件时,直接把组件的名称丢到页面上
如果在一个组件中return一个null,则表示此组件什么都不渲染,在组件中,必须返回一个合法的JSX虚拟DOM元素
props传送数据:
传值:
<Hello name="大黄"></Hello>
接收数据:
function Hello(props){
return <div>这是hello组件--{props.name}</div>
}
- 组件名称的首字母必须大写
- 不论是vue还是react,组件中的props永远都是只读的,不能被重新赋值