javascript - Bagaimana untuk menulis kesan animasi dalam bertindak balas?

Question

Bagaimana untuk mencipta kesan animasi untuk komponen dalam tindak balas? Sebagai contoh, untuk kotak dialog mudah, saya berharap selepas mengklik Batal, kotak dialog akan pudar dahulu dan kemudian hilang.
Jika anda menggunakan jquery, ia adalah sangat mudah, pertama bernyawa ({ //Pudar CSS}, fungsi(){ //Padam DOM}).

Tetapi bertindak balas, saya tidak tahu bagaimana untuk melakukannya. Mungkinkah keseluruhan komponen dom wujud, dan hanya animasi CSS digunakan untuk menukar paparan dan menyembunyikan?

Sila beri saya nasihat

Answer 1

Dalam kebanyakan kes, operasi DOM tidak diperlukan, gunakan React Add-Ons的ReactCSSTransitionGroup组件或ReactTransitionGroup komponen:

• Animasi bertindak balas

Answer 2

Anda boleh merujuk jq dalam componentDidMount dalam komponen tindak balas dan kemudian tulis animasi