赞助
  • 函数组件(无状态组件):使用JS的函数创建组件
  • 函数名称必须以大写字母开头,
  • 函数组件必须有返回值,表示该组件的结构,且内容必须有顶级元素

import React from 'react'

// 函数名首字母必须大写

function Hello() {

    return (

        <div>这是第一个函数组件</div>

    )

}

// 标准写法
function App() {
  return (
    <div>
      我是一个根组件
    </div>
  );
}
export default App

// es6 箭头函数
const App = () => {
  return (
    <div>
      我是一个根组件
    </div>
  )
}
export default App 

// 把导出写在一行了export default () => {
  return (
    <div>
      我是一个根组件!!!!
    </div>
  )
}

 

posted on 2021-04-16 11:31  Tsunami黄嵩粟  阅读(113)  评论(0)    收藏  举报