# react-ant-admin

**Repository Path**: whatType/react-ant-admin

## Basic Information

- **Project Name**: react-ant-admin
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-08-09
- **Last Updated**: 2021-08-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### react-ant-admin
> 起点： index.js -> router组件 -> app页面布局组件



### tips

react 中的路由使用render的方式嵌套，路由通过this.props.children来匹配

react的全局挂载挂在React.Component.prototype上

在react中，不能通过返回false来阻止默认行为，你必须使用preventDefault

react中的事件绑定必须要bind.this，或是使用箭头函数

class组件有生命周期，function组件有hock，之前是无状态组件

注意react中的for循环渲染节点

setData是异步的，如果需要在后面用到改的数据，在setData的第二个参数传入回调。

react子组件中没有history属性：
  1、//组件中import {withRouter} from "react-router-dom";暴露的时候 export default withRouter(组价)
  2、通过props属性传入

类组件和函数组件的区别：
  1、状态同步问题
    函数组件弹出的值是点击那一刻的，闭包捕获了渲染的值
    类组件弹出的是最新的，类组件中的方法会获取到最新的this
  2、函数组件和类组件生命周期的不同
    函数组件
      每次render都会执行callback，第二个参数传入依赖数组，只有依赖数组发生改变时才会触发
    类组件
      componentDidMount      组件首次挂载完成
      shouldComponentUpdate  组件是否需要更新之前
      componentDidUpdate     组件更新完成
      componentWillUnmount   组件将要卸载

类组件感想：
  优点：
    1、通过自定义hock更加易于复用代码
    2、函数式编程代码更加清晰
    3、更方便拆分组件
    4、不用考虑组件中的this

  缺点：
    1、响应式的依赖，当业务组件逻辑复杂是，依赖依赖更加难以管理和维护
    2、状态不同步，异步逻辑中可能会出现状态不是最新的，

  总结：
    当业务逻辑变得复杂时，用类组件更易于我们维护，也相应降低了开发成本