如何将滚动添加到react-bootstrap Modal.Body中

npm install react-bootstrap

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

const [showModal, setShowModal] = useState(false);

<Button onClick={() => setShowModal(true)}>打开模态框</Button>

<Modal show={showModal} onHide={() => setShowModal(false)}>
  <Modal.Header closeButton>
    <Modal.Title>模态框标题</Modal.Title>
  </Modal.Header>
  <Modal.Body>
    {/* 这里可以添加滚动内容 */}
  </Modal.Body>
  <Modal.Footer>
    <Button onClick={() => setShowModal(false)}>关闭</Button>
  </Modal.Footer>
</Modal>

<Modal.Body>
  <div style={{ maxHeight: '300px', overflowY: 'auto' }}>
    {/* 添加滚动内容 */}
  </div>
</Modal.Body>