Javascript 可设置动画的重新渲染动画

我有一个带有图标的操作栏，可以作为按钮使用，如下所示：

当应用程序加载时，动画会工作，但当我单击一个按钮，并将新按钮加载到动作栏时，除了最后一个按钮外，它们也不会被设置动画

我尝试了以下方法： -在我的构造函数中：

this.state = {
  startAnimation: true,
};

及

在可设置动画的视图上（每个按钮都渲染一个） ref='animatable'

  onAnimationEnd={({ finished }) => {
    if (finished) {
      this.setState({ startAnimation: true });
    }
  }}

---

这不起作用，有人能帮忙吗？

经过几天的胡闹，我解决了我的问题，我不确定代码是否可以改进，但如果它对任何人都有帮助：

  onAnimationEnd={({ finished }) => {
    if (finished) {
      this.setState({ startAnimation: true });
    }
  }}