好客租房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"))

运行结果

巴特西

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

最新文章

热门文章