如何在React

Question

我想用IonIcons库创建添加到收藏夹按钮。我将icon name和animation state置于React状态。

然后我想用onClick函数更改那些。但由于某些原因，动画无效。这没什么特别的，只是真或假。

状态是正确的。如果我控制台登录：

• 点击前：{icon: "md-heart-outline", iconAnimation: false}
• 点击后：{icon: "md-heart", iconAnimation: true}

但动画不适用。图标会改变，但没关系，但动画不起作用。

我的代码如下：

州：

constructor(props){
        super(props);

        this.state = {             
            icon: "md-heart-outline",
            iconAnimation: false
        }
    }

在渲染功能中，我有一个IonIcon组件，如下所示：

render(){
    return (
        <Ionicon
             icon={this.state.icon}
             fontSize="30px"
             color="red"
             beat={this.state.iconAnimation}
             onClick={this.handleFavorites.bind(this, vehicle, favorites)}
             style={{cursor: "pointer"}}
        />
    )
}

函数handleFavorites如下：

handleFavorites(vehicle, favorites, event){
    this.setState({icon: "md-heart", iconAnimation: true});
}