S3.putObject().on('httpUploadProgress', callback)中的回调函数无法正确更新React状态数组。

如果在React组件中使用S3.putObject().on('httpUploadProgress', callback)来上传文件，并且希望在上传过程中更新React状态数组，可以使用以下解决方法：

首先，在React组件的状态中定义一个数组来存储上传进度：

constructor(props) {
  super(props);
  this.state = {
    uploadProgress: []
  };
}

然后，在组件挂载时，将S3对象和回调函数绑定到React组件的实例上：

componentDidMount() {
  const { s3 } = this.props; // 假设S3对象通过props传入组件
  const callback = this.handleUploadProgress;
  s3.putObject().on('httpUploadProgress', callback);
}

接下来，实现回调函数handleUploadProgress来更新上传进度数组，并更新组件的状态：

handleUploadProgress = (event) => {
  const { loaded, total } = event;
  const progressPercentage = Math.round((loaded / total) * 100);

  this.setState(prevState => {
    const uploadProgress = [...prevState.uploadProgress];
    uploadProgress.push(progressPercentage);
    return { uploadProgress };
  });
}

最后，在组件的render方法中使用上传进度数组来展示上传进度：

render() {
  const { uploadProgress } = this.state;
  return (
    <div>
      {uploadProgress.map((progress, index) => (
        <div key={index}>{progress}%</div>
      ))}
    </div>
  );
}

通过这种方式，每当有上传进度更新时，回调函数handleUploadProgress会被触发，并将新的进度更新到React状态数组中，然后组件会重新渲染来展示最新的上传进度。