react组件创建

一、创建函数组件

function App() {
  return (
    <div>这是函数组件</div>
  )
}
export default App

二、创建类组件

//React是react中默认导出的，Component是创建类组件时需要继承的需要先从react中解构出来
import React,{Component, Fragment} from "react";

class About extends Component{
    render(){
        return (
            <Fragment>这是使用Fragment作为占位符</Fragment> //<>这样写也可以</>
        )
    }
}

export default About

三、类组件的使用,在App组件中引入类组件About

import About from "./About"

function App() {
  return (
    <div>
        <p>这是函数组件</p>
        <About/>
    </div>
  )
}

export default App