编程触发react dropzone的onDrop函数

import React from 'react';
import Dropzone from 'react-dropzone';

class MyComponent extends React.Component {
  handleDrop = (acceptedFiles) => {
    // 处理文件上传逻辑
    console.log(acceptedFiles);
  }

  triggerDrop = () => {
    const file = new File(['dummy content'], 'dummy.txt', { type: 'text/plain' });
    const event = {
      dataTransfer: {
        files: [file],
      },
    };
    this.handleDrop([file]); // 手动调用onDrop函数
  }

  render() {
    return (
      <div>
        <Dropzone onDrop={this.handleDrop}>
          {({ getRootProps, getInputProps }) => (
            <div {...getRootProps()}>
              <input {...getInputProps()} />
              <p>将文件拖拽到此区域进行上传</p>
            </div>
          )}
        </Dropzone>
        <button onClick={this.triggerDrop}>编程触发onDrop函数</button>
      </div>
    );
  }
}

export default MyComponent;