Java 更新阵列中每个网络调用的状态
我有一个对象数组,并为每个对象发送axios网络请求。我在状态变量中有updateTableData,对于每个我想更新状态变量的对象,在请求每个对象数组之前,我将在updateTableData中推送对象,键状态为:“Upload”在成功响应时,我想将此对象更新为状态:“已成功上载”,在失败响应时更新为状态:“失败”。如何设置状态updateTableData,以便为每个对象获得相应的状态:“正在加载”、“成功”或“失败”。在下面的代码中,当控制台日志(UpdateTableData)是get-correct数组,但它在dom元素中不显示更新的值时。附加图像显示我想要实现的目标Java 更新阵列中每个网络调用的状态,java,reactjs,Java,Reactjs,我有一个对象数组,并为每个对象发送axios网络请求。我在状态变量中有updateTableData,对于每个我想更新状态变量的对象,在请求每个对象数组之前,我将在updateTableData中推送对象,键状态为:“Upload”在成功响应时,我想将此对象更新为状态:“已成功上载”,在失败响应时更新为状态:“失败”。如何设置状态updateTableData,以便为每个对象获得相应的状态:“正在加载”、“成功”或“失败”。在下面的代码中,当控制台日志(UpdateTableData)是get-
const { selectedFiles } = this.state
const filteredFileList = []
selectedFiles.forEach((file) => {
if (!file.checked) {
filteredFileList.push({ ...file })
} else {
filteredFileList.push({
...file,
status: 'Uploading',
statusIcon: 'loading'
})
}
})
console.log(selectedFiles, filteredFileList)
this.setState({ updatedTableData: filteredFileList })
selectedFiles.forEach((file) => {
if (file.checked) {
const formData = new FormData()
formData.append('file', file.originFileObj)
axios.post('http://localhost:8004/builder/fileupload/single', formData,
{
headers: {
'Content-Type': 'multipart/form-data',
userid: '5d2dc8b5b3ede2187d00af90'
}
},
).then(() => {
const elementsIndex = filteredFileList.findIndex(element => element.uid === file.uid)
filteredFileList[elementsIndex] = { ...filteredFileList[elementsIndex],
status: 'SuccessFully Uploaded',
statusIcon: 'check-circle' }
this.setState({ updatedTableData: filteredFileList })
}).catch(() => {
const elementsIndex = filteredFileList.findIndex(element => element.uid === file.uid)
filteredFileList[elementsIndex] = { ...filteredFileList[elementsIndex],
status: 'failed',
statusIcon: 'close-circle' }
this.setState({ updatedTableData: filteredFileList })
})
}
})
// setTimeout(() => {
// this.setState({ updatedTableData: filteredFileList2.sort((a, b) => a.key - b.key) })
// }, 1000)
//this.setState({ updatedTableData: filteredFileList })
console.log(filteredFileList)
您没有记录
UpdateTableData
,但是filteredFileList
(不是状态)我正在render()函数中记录UpdateTableData。您没有发布渲染函数您没有记录UpdateTableData
,但是filteredFileList
(不是状态)我正在render()中记录UpdateTableData函数。您没有发布渲染函数