react 封装simple-uploader.js实现分片上传，显示上传进度以及是否上传成功

好的，我来给你讲一下如何使用 React 封装 simple-uploader.js 实现分片上传，并显示上传进度以及上传是否成功的功能。

首先，你需要安装 simple-uploader.js 和 React：

npm install --save simple-uploader
npm install --save react

然后，创建一个 Uploader 组件，代码如下：

import React, { useState } from 'react';
import SimpleUploader from 'simple-uploader';

const Uploader = () => {
  const [progress, setProgress] = useState(0);
  const [status, setStatus] = useState('');

  const uploader = new SimpleUploader({
    target: '/upload',
    chunkSize: 1024 * 1024,
    testChunks: false,
    maxChunkRetries: 3,
    onProgress: (progress) => {
      setProgress(progress);
    },
    onComplete: (response) => {
      setStatus('上传成功');
    },
    onError: (error) => {
      setStatus('上传失败');
    },
  });

  const handleUploadClick = () => {
    uploader.upload();
  };

  return (
    <div>
      <button onClick={handleUploadClick}>上传文件</button>
      <div>上传进度：{progress}%</div>
      <div>上传状态：{status}</div>
    </div>
  );
};

export default Uploader;

上面的代码中，我们使用了 useState 来保存上传进度和上传状态。然后，我们创建了一个 SimpleUploader 实例，并设置了一些参数，包括上传目标地址、分片大小、上传进度回调函数、上传完成回调函数和上传失败回调函数。在点击上传按钮时，我们调用 uploader.upload() 方法来开始上传文件。

最后，我们在组件中显示上传进度和上传状态。

这就是使用 React 封装 simple-uploader.js 实现分片上传，并显示上传进度以及上传是否成功的方法。你可以根据自己的需求来修改代码。