异步的思考-优快云博客

本文链接：https://blog.youkuaiyun.com/mengfanyue123/article/details/131850865

文章展示了在React中如何实现一个接口请求完成后调用另一个接口的逻辑。使用useEffectHook获取数据，当`visible`状态改变时，查询流程实例并更新发布检查状态。数据处理涉及查找特定类型节点，更新表单状态，并通过fetchAPI进行数据操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

直接上代码两个接口等一个接口掉完调用另一个的写法

 const [pipelineInstance, { wrapRequset: requestPipelineInstance }] =
    useLoading<typeof getPipelineInst>(getPipelineInst);// 接口

const changedata = res => {
    const bizIdData = res?.nodeInsts?.find((item) => {
      return item?.nodeType === PipelineNodeType?.PUBLISH_CHECK;
    });
    const simulateId = bizIdData?.bizId
    setsimulateId(simulateId)
    res?.nodeInsts.map(item => {
      if (item?.nodeType === "PUBLISH_CHECK") {
        setuseLoading(true)
        fetchAPI(
          API_dpchangeguardian_whiteListV1Rest_postInsertWhiteList,
        ).request({}, {
          conditions: {
            whiteListObject: {
              like: `%${simulateId}%`
            }
          },
          orderBys: [{
            field: 'id',
            asc: false
          }]
        }).then?.((data) => {
          item?.detailResult?.forms[0].rows.forEach(items => {
            const result = data?.find(item => item?.ruleInstanceId == items?.cells?.[2]?.operations?.[0]?.operationValue?.ruleInstanceId);
            if (result) {
              items.cells[2].operations[0].operationValue.status = result.status;
              items.cells[2].operations[0].operationValue.bmpsApproveUrl = result.bmpsApproveUrl;
            }
          });
          setuseLoading(false)
        })
      }
    })
  }

useEffect(() => {
    if (visible) {
      /** 查询任务最新的流程实例 */
      requestPipelineInstance(submittedObject, isproduct).then(data => {
        changedata(data)// 更新publine状态
      });
      requestChangeImpactInfo(submittedObject);
    }
  }, [visible]);