如何在React-Bootstrap中使用TransitionComponent

npm install react-bootstrap

import { Transition } from 'react-bootstrap';

import React, { useState } from 'react';
import { Button } from 'react-bootstrap';
import { Transition } from 'react-bootstrap';

const MyComponent = () => {
  const [show, setShow] = useState(false);

  const handleToggle = () => {
    setShow(!show);
  };

  return (
    <div>
      <Button onClick={handleToggle}>Toggle</Button>
      <Transition in={show} timeout={500}>
        {state => (
          <div
            style={{
              ...defaultStyle,
              ...transitionStyles[state]
            }}
          >
            Content
          </div>
        )}
      </Transition>
    </div>
  );
};

export default MyComponent;