Добавление класса CSS в onClick в React - PullRequest
0 голосов
/ 11 марта 2020

Привет, есть проблемы с добавлением css класса из анимации. css к onClick ??

В основном нужно добавить мою css анимацию к имеющейся у меня кнопке удаления onClick, которая удаляет div .

Вот это div и кнопка удаления:

render() {

    return (
        <div   className={"user_container"}>
            <img src="https://placekitten.com/100/100" alt=""/>
            <h1>
                {this.props.name} {this.props.lastname}
            </h1>
            <MdDelete
                onClick={this.deleteData}
                style={{ color: "rgb(232, 61, 23)", fontSize: "1.8em" }}
            />

            <Link to={`/editusers/${this.props.id}`}>
                <FaUserEdit
                    onClick={this.updateData} 
                    style={{ color: "rgb(255, 200, 28)", fontSize: "1.8em" }}
                />
            </Link>
        </div>
    );
}

Вот функция кнопок удаления:

deleteData = event => {
    console.log("deleteData");

    Axios.delete(`http://localhost:4000/api/users/${this.props.id}`).then(
        res => {
            console.table(res.data);
            if (res.data.result === true) {

            //this.props.getData()
            }
        }
    )
};

Любая помощь очень ценится!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...