react知识点

1.react的基础

构建用户界面的javascript库
组件化
单向数据化
生命周期
虚拟dom
hooks

2.jsx语法

方便js中书写html模板，javascript和html混合写法
1.只有一个根节点
2.{} js表达式
3. {/* 注释内容 */}
4. className定义类名
5. 样式对象会自动展开
6. 数组可以包含html，并自动展开

3.react的组件

函数组件：

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

类组件：

import React,{Componet} from 'reat'
 
class App extends Componet{
  constuctor(props){
    super(props)
  }
state = {num:5}
render(){
  return 
...
  }
}
export default App

区别：

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