在react-select中访问内部输入元素

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

const MyComponent = () => {
  const inputRef = useRef(null);

  const handleButtonClick = () => {
    if (inputRef.current) {
      inputRef.current.focus(); // 聚焦到输入元素
    }
  };

  return (
    <div>
      <Select ref={inputRef} />
      <button onClick={handleButtonClick}>聚焦输入元素</button>
    </div>
  );
};

export default MyComponent;