javascript - 반응으로 애니메이션 효과를 작성하는 방법은 무엇입니까?

Question

반응 중인 구성 요소에 대한 애니메이션 효과를 만드는 방법은 무엇입니까? 예를 들어 간단한 대화 상자의 경우 취소를 클릭하면 대화 상자가 먼저 희미해졌다가 사라지기를 바랍니다.
jquery를 사용하는 경우 매우 간단합니다. 먼저 애니메이션({ //Fade CSS}, function(){ //Delete DOM})을 실행합니다.

근데 리액션은 어떻게 해야할지 모르겠어요. 전체 구성 요소 DOM이 존재하고 CSS 애니메이션만 사용하여 표시를 전환하고 숨길 수 있습니까?

조언 좀 부탁드려요

Answer 1

대부분의 경우 DOM 작업이 필요하지 않습니다. React Add-Ons的ReactCSSTransitionGroup组件或ReactTransitionGroup구성 요소를 사용하세요.

• 반응형 애니메이션

Answer 2

리액트 컴포넌트의 componentDidMount에서 jq를 참조한 후 애니메이션을 작성할 수 있습니다