0

我想用IonIcons库创建添加到收藏夹按钮。我将icon nameandanimation 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});
}
4

0 回答 0