react 函数组件与 类组件 基础认识

函数组件

// 普通函数
function Name() {
  return(
    // 必须有跟组件包裹实例
    <div >

    </div>
  )
}
export default Name;

// 箭头函数 组件
const Name=()=>{
  return(
    <div>
    
    </div>
  )
}

export default Name;

class类组件

  1. 先引入React 和 内置 Component组件 并进行解构
    - import React ,{ Component } from 'react'
    - React.Component 
    - Component 
class  Home extends React.Component   === class Home extends  Component


  2. 声明class类  并进继承

  class Com  extends Component{
    // 必须有render函数  函数中必须有return
    render(){
      return(
        <div>
        <h1>这是一个简单的class类</h1>
        </div>
      )
    }
  }


export default Con;