ReactJS - 如何在CSS动画完成后才调用函数？

Question

所以我有一个歌曲请求组件列表。点击我试图通过将其中一个歌曲请求组件滑出屏幕来设置动画，然后我想调用一个函数从我的数据库中删除该特定的歌曲请求。

当我点击删除歌曲请求时，会调用

removeAnimation()。这成功地为歌曲请求组件设置了动画，但是当我使用this.setState()中的可选第二个参数来执行removeRequest()时，它会在我的动画完成之前执行，导致我的组件在动画完成之前很久就会消失。

  removeRequest(request) {
    axios.delete(`/api/requests/${request.adminId}/${request.id}`)
    .then(() => {
      this.props.getRequests();
    })
    .catch((err) => {
      console.error(err);
    });
  },

  removeAnimation(request) {
    this.setState({ slide: true, requestToDelete: request }, this.removeRequest(request));
  }

我使用了一些组件生命周期更新方法，例如componentDidMount()和componentDidUpdate()，但我并没有真正到达任何地方。