我有四个类名,让我们称之为red-0,red-1,blue-0,blue-1
red-0和red-1的CSS是相同的,blue-0和blue-1的CSS是相同的。
My React组件正在按我的意愿更改classNames。我的问题是,当我使用与状态更改之前相同的CSS应用类名时,似乎React组件忽略了CSS样式。这是一个真实的案例吗?因为我的CSS从例如... red-0到blue-0,但不是从red-0到red-1。
如果您对我如何解决这个问题有所建议,我会很高兴。
一位好友帮助了我:
trix是添加一个promise并首先将状态设置为空类名,然后在promise中添加我想要的类名,如下所示:
this.setState({className:''},()=> this.setState({className:' red-0'}));
有四个类名而不是两个类名的原因是因为我希望类名更改会触发一个新动画,但它没有,即使它触发了新的常规CSS更改。我最终只使用了两个类名:红色和蓝色