我想在我的 Web 應用程序中為一個框設置動畫（淡入、淡出）。我為此使用了react-transition-group。但不知何故，動畫不起作用。代碼import React from 'react';import ReactDOM from 'react-dom';import { CSSTransition } from 'react-transition-group';import Modal from 'react-modal';import './styles.css';class Example extends React.Component {  state = {    isOpen: false,  };  toggleModal = () => {    this.setState(prevState => ({      isOpen: !prevState.isOpen,    }));  };  render() {    const modalStyles = {      overlay: {        backgroundColor: '#ffffff',      },    };    return (      <div>        <button onClick={this.toggleModal}>          Open Modal        </button>        <CSSTransition          in={this.state.isOpen}          timeout={300}          classNames="dialog"        >          <Modal            isOpen={this.state.isOpen}            style={modalStyles}          >            <button onClick={this.toggleModal}>              Close Modal            </button>            <div>Hello World</div>          </Modal>        </CSSTransition>      </div>    );  }}CSS：.dialog-enter {  opacity: 0;  transition: opacity 500ms linear;}.dialog-enter-active {  opacity: 1;}.dialog-exit {  opacity: 0;}.dialog-exit-active {  opacity: 1;}.box {  width: 200px;  height: 100vh;  background: blue;  color: white;}這是工作代碼。單擊“打開模態”打開模態，然后單擊“切換框”打開/關閉我想要動畫的框。