在语义UI React中从不获取弹出窗口内的输入ref

import { Modal, Button, Input } from 'semantic-ui-react';
import React, { useState } from 'react';

const MyComponent = () => {
  const [open, setOpen] = useState(false);
  const [inputValue, setInputValue] = useState('');

  const handleOpen = () => setOpen(true);
  const handleClose = () => setOpen(false);
  const handleInputChange = (e) => setInputValue(e.target.value);
  const handleConfirm = () => {
    // 在这里可以获取到输入的ref，即inputValue的值
    console.log(inputValue);
    handleClose();
  };

  return (
    <div>
      <Button onClick={handleOpen}>打开弹出窗口</Button>
      <Modal open={open} onClose={handleClose}>
        <Modal.Header>弹出窗口标题</Modal.Header>
        <Modal.Content>
          <Input
            placeholder="请输入内容"
            value={inputValue}
            onChange={handleInputChange}
          />
        </Modal.Content>
        <Modal.Actions>
          <Button onClick={handleClose}>取消</Button>
          <Button onClick={handleConfirm} positive>
            确定
          </Button>
        </Modal.Actions>
      </Modal>
    </div>
  );
};

export default MyComponent;