Reactjs 在类添加/删除时设置动画

我正在根据状态更改添加/删除一个类（我无法修改的引导col类）。如何在ReactJs中设置此转换的动画

<div className={this.state.is_drawer_open ? 'col-xs-8' : 'col-xs-12'}>

---

由于引导的COL基于CSS宽度和百分比值，因此您可以使用普通CSS转换来设置宽度更改的动画

在CSS中添加带有转换的类：

.animateTransition {
    transition: width 1s;
}

将类应用于元素：

<div className={ `animateTransition ${this.state.is_drawer_open ? 'col-xs-8' : 'col-xs-12'}` }>

---

由于引导的COL基于CSS宽度和百分比值，因此您可以使用普通CSS转换来设置宽度更改的动画

在CSS中添加带有转换的类：

.animateTransition {
    transition: width 1s;
}

将类应用于元素：

<div className={ `animateTransition ${this.state.is_drawer_open ? 'col-xs-8' : 'col-xs-12'}` }>

这是我的方法，我在这里放了一个简单的例子：这是我的方法，我在这里放了一个简单的例子：