React知识点（二）

1.antd使用,在index.js中添加样式 import 'antd/dist/antd.css'，注意安装@ant-design/icons时，需要加引号 ‘@ant-design/icons’

2.配置别名

3.axios

4.react-transition-group

(1)主要组件

（2）状态

<CSSTransition in={this.state.isShow} classNames="card" timeout={300} unmountOnExit={true}> in为状态里面放布尔值 true显示，false隐藏 timeout为组件消失的时间（并不是动画的执行时间）,如果想要卸载组件使用 unmountOnExit true为退出时卸载，falset（默认值）不卸载

.card-enter{
    opacity: 0;
}
.card-enter-active{
    opacity: 1;
    transition: opacity 1s;
}

/*组件隐藏*/
.card-exit{
    opacity: 1;
}
.card-exit-active{
    opacity: 0;
    transition: opacity 1s;
}
.card-exit-done{
    opacity: 0;
}

（3）如果想要动画在用户进到网页中显示，要加appear

<CSSTransition in={this.state.isShow}
                               classNames="card"
                               timeout={300}
                               unmountOnExit={true}
                               appear>
                               

el是CSStransition包裹的标签

添加数据时有动画，不用加in用TransitionGroup包裹

迭代器：

修改dispath执行顺序

history

router

重定向

手动跳转

动态路由

拿值

hooks

hooks中setState可以传入函数，作用和类组件相同，不会合并相同操作

Immutable