Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Java 更新阵列中每个网络调用的状态_Java_Reactjs - Fatal编程技术网

Java 更新阵列中每个网络调用的状态

Java 更新阵列中每个网络调用的状态,java,reactjs,Java,Reactjs,我有一个对象数组,并为每个对象发送axios网络请求。我在状态变量中有updateTableData,对于每个我想更新状态变量的对象,在请求每个对象数组之前,我将在updateTableData中推送对象,键状态为:“Upload”在成功响应时,我想将此对象更新为状态:“已成功上载”,在失败响应时更新为状态:“失败”。如何设置状态updateTableData,以便为每个对象获得相应的状态:“正在加载”、“成功”或“失败”。在下面的代码中,当控制台日志(UpdateTableData)是get-

我有一个对象数组,并为每个对象发送axios网络请求。我在状态变量中有updateTableData,对于每个我想更新状态变量的对象,在请求每个对象数组之前,我将在updateTableData中推送对象,键状态为:“Upload”在成功响应时,我想将此对象更新为状态:“已成功上载”,在失败响应时更新为状态:“失败”。如何设置状态updateTableData,以便为每个对象获得相应的状态:“正在加载”、“成功”或“失败”。在下面的代码中,当控制台日志(UpdateTableData)是get-correct数组,但它在dom元素中不显示更新的值时。附加图像显示我想要实现的目标

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函数。您没有发布渲染函数