效果

React 动态绑定class或者说ant design 保持ant-click-animating-without-extra-node 效果_点击事件

className={`${this.state.isClickButtonOne ? 'active' : ''}`}

React 动态绑定class或者说ant design 保持ant-click-animating-without-extra-node 效果_类名_02


通过点击事件来修改isClickButtonOne 的值实现动态

this.setState({
isClickButtonOne:true,
});

顺便记录一下react ant design button 中 光晕效果 只要添加一个class
名为active 就可以添加保持光晕效果,但是要去掉效果的话需要自己另外想办法

ant-click-animating-without-extra-node="false"

ant-click-animating-without-extra-node的显示可以通过类名​​active​​ 来实现,上边效果就是。