设置了appear为true组件第一次挂载没有动画

图片描述
Alert代码

比如说这个Alert组件，hide默认是false，那组件挂载的第一次为什么没有显示动画呢？只有关闭的时候有显示，appear默认也为true

写回答

1回答

张轩

2020-04-23

已采纳

同学你好当要第一次就出现动画效果的时候不仅仅要添加 appear 属性，还需要添加appear 相关的样式，他和其他一样也有对应的生命周期

.alert-appear {
    opacity: 0;
    transform: scale(0.9);
}
.alert-appear-active {
    opacity: 1;
    transform: translateX(0);
    transition: opacity 300ms, transform 300ms;
}

AmourLuoTongZhou

非常感谢！

2020-04-24

共1条回复

React18+TS高仿AntD从零到一打造组件库

设计，开发，测试，发布再到 CI/CD，从0到1造轮子

2123 学习 · 959 问题

查看课程

相似问题

如何设置按需加载样式

回答 2

useEffect第二个参数的取值范围

回答 1

关于react的动画

回答 2

为什么withloader 图片跟随着图标一直加载

回答 2

before render为什么执行了两遍

回答 2

打开慕课网App查看更多内容