如何从类外的fineuploader const回调访问我的react组件道具？

class MyComponent extends React.Component {
  handleFineUploaderCallback = (data) => {
    // 处理fineuploader回调数据
  }

  render() {
    return (
      <div>
        <FineUploaderComponent callback={this.handleFineUploaderCallback} />
      </div>
    );
  }
}

const FineUploaderComponent = ({ callback }) => {
  const handleUploadComplete = (data) => {
    // 上传完成后的处理逻辑
    callback(data); // 调用回调函数并传递数据
  }

  // 初始化fineuploader实例
  const uploader = new qq.FineUploader({
    // 配置项
    callbacks: {
      onComplete: handleUploadComplete
    }
  });

  return (
    <div>
      {/* fineuploader组件的内容 */}
    </div>
  );
}

class MyComponent extends React.Component {
  fineUploaderRef = React.createRef();

  handleButtonClick = () => {
    const uploaderInstance = this.fineUploaderRef.current.uploader;
    // 访问fineuploader组件实例的方法或属性
    // 例如：uploaderInstance.methodName() 或 uploaderInstance.propertyName
  }

  render() {
    return (
      <div>
        <FineUploaderComponent ref={this.fineUploaderRef} />
        <button onClick={this.handleButtonClick}>访问FineUploader组件</button>
      </div>
    );
  }
}