好客租房21-react组件的两种创建方式（函数组件）

1使用函数创建组件

函数组件:使用js的函数或者箭头函数创建的组件

约定1:函数组件名称必须以 开头

约定2:函数组件必须有返回值 表示该组件的结构

如果返回值为null 表示不渲染任何内容

2.1使用函数创建组件

1渲染函数组件:用函数名作为组件标签名

2组件标签可以是单标签也可以是多标签

//导入react
    import React from "react"
     
    import ReactDOM from "react-dom"
     
    //约定1:函数组件名称必须以大写字母开头
    //约定2:函数组件必须有返回值 表示该组件的结构
    function Hello(){
        return (
            <div>Hello geyao</div>
        )
    }
     
    ReactDOM.render(<Hello/>,document.getElementById("root"))

运行结果