如何在react语义UI中从<Input/>获取输入

import React, { useRef } from 'react';
import { Input } from 'semantic-ui-react';

function MyComponent() {
  const inputRef = useRef();

  const handleButtonClick = () => {
    const inputValue = inputRef.current.inputRef.current.value;
    console.log(inputValue);
  };

  return (
    <div>
      <Input ref={inputRef} />
      <button onClick={handleButtonClick}>获取输入值</button>
    </div>
  );
}

export default MyComponent;