React JS更改类与转换
问题描述:
我正在使用ReactJS构建网站。在我的页面上,我有一个内容部分以及一个侧边栏。React JS更改类与转换
当我点击一个按钮应切换侧边栏。目前,我正在将bootstrap中的内容类别从col-md-9
更改为col-md-12
,并将属性hidden
设置为边栏。
但是现在,我想添加一些类似淡入淡出和淡入淡出边界并增加内容大小的转换。我不知道如何添加这些转换,因为我正在更改类。
你能告诉我我必须做什么吗?
答
您可以通过更改类使用CSS过渡。这里是例如两个clsses,会做的动画渐变的:
.fade-in {
opacity: 0;
transition: opacity 400ms;
}
.fade-out {
opacity: 1;
transition: opacity 400ms;
}
但是它不会随着hidden
Bootstrap类名的工作,因为它设置display
属性none
值。为了使其工作,您可以使用fade-in
类名称而不是hidden
和fade-out
,当侧导航应该变得可见
这不会帮助我。如果班级变更或类似的情况,我需要创建一个转换。你的框架只支持一些默认的转换 –