react-生命周期与组件传参

特点

构建用户界面的javascript库

单向数据流
生命周期
虚拟dom
hooks

 react的组件

 函数组件

function App(){
    return <div> ...div>
}
export default App;

 函数组件

import React，{Component} from 'react'
 
class App extents Component{
   constuctor(props){
    super(props)
    }
   state={num:5}
  render(){
     return <div>div>
  }
}

区别

函数组件通常展示
类组件通常作为容器

 类组件可以有state，管理数据用类组件
函数组件没有state

 函组件没有this
类组件有this

 函数组件没有生命周期
类组件有生命周期

事件

和原生js事件一致 事件命名用驼峰式
onclick   onClick
onmouseover  onMouseover