React隐藏输入类型文件onChange未触发

import React, { useRef } from 'react';

const FileUploader = () => {
  const fileInputRef = useRef(null);

  const handleButtonClick = () => {
    fileInputRef.current.click();
  };

  const handleFileChange = (event) => {
    const selectedFile = event.target.files[0];
    // 处理选择的文件
  };

  return (
    <div>
      <input
        type="file"
        ref={fileInputRef}
        style={{ display: 'none' }}
        onChange={handleFileChange}
      />
      <button onClick={handleButtonClick}>选择文件</button>
    </div>
  );
};

export default FileUploader;