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"))
运行结果

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