How to make an animation when deleting a card?

Question

React

did so with setTimeout(() , and animation on css , but this is not correct, how to do it without libraries?

deleteTaskItem = () => {
        debugger;
        this.divitem.className = this.divitem.className + " del";
        setTimeout(() => {
            let data = { keychapter: this.state.keychapter, keyitem: this.state.keyitem };
            api.removeTaskItem(data, this.props.dispatch);
        }, 1000);


    }

Answer 1

Alternatively, synthetic events can be used .
In short, an event is suitable onAnimationEndin which you need to pass a callback, which will be executed after the animation is completed. Where and how to add a class with animations is already on your imagination