在React Bootstrap Modal中获取对React Select的引用

import React, { useState, useRef } from 'react';
import { Modal } from 'react-bootstrap';
import Select from 'react-select';

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

const selectRef = useRef(null);

<Modal show={showModal} onHide={() => setShowModal(false)}>
  <Modal.Header closeButton>
    <Modal.Title>Modal Title</Modal.Title>
  </Modal.Header>
  <Modal.Body>
    <Select ref={selectRef} options={options} />
  </Modal.Body>
  <Modal.Footer>
    <button onClick={() => handleSelectValue()}>Get Select Value</button>
  </Modal.Footer>
</Modal>

const handleSelectValue = () => {
  const selectedValue = selectRef.current.state.value;
  console.log(selectedValue);
};