组件的创建方式 函数创建组件

• 函数组件(无状态组件)：使用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>
  )
}