0

我是 AOR 和 redux-sagas 的新手，我目前正在研究列表视图拖放和上传功能。我希望用户能够拖放文件并从列表视图中查看当前的上传进度和状态。

该组件的原型如下所示：

// ...
<Dropzone onDrop={this.onDrop} onDragLeave={this.onDragLeave} onDragEnter={this.onDragEnter} ref={(node) => {this.dropzoneRef = node;}} disableClick disablePreview style={{}}>
    // Dropped files will appear here, with the upload progress
    <Card style={{marginBottom: "1em"}}>
        <CardTitle>Picture.jpg</CardTitle>
        <CardText>
             // The progress bar will show the upload progress
             <LinearProgress value={50} mode="determinate" />
        </CardText>
    </Card>
    <List {...props} actions={<FileActions onUploadClick={() => {this.dropzoneRef.open()}} />}>
        <Datagrid>
            <TextField source="name" />
            <DateField source="createdAt" />
            <EditButton />
        </Datagrid>
    </List>
</Dropzone>

回调接收删除的onDrop文件，这就是需要处理上传的地方。这就是我对如何处理这个问题感到有点困惑的地方。

我知道我必须装饰我的 REST 客户端才能上传我的文件。但是如何插入一些功能以便将每个文件的上传进度发送到我的组件？

4

0 回答 0