Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a me

最新推荐文章于 2023-08-24 10:12:11 发布

雁过无痕_9527

最新推荐文章于 2023-08-24 10:12:11 发布

阅读量843

点赞数

文章标签： React 异步

本文链接：https://blog.youkuaiyun.com/CAPEVERDE77/article/details/103405622

版权

Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in the componentWillUnmount method

无法对未装载的组件执行反应状态更新。这是一个no操作，但它表示应用程序内存泄漏。若要修复，请取消componentWillUnmount方法中的所有订阅和异步任务
react 遇到的小问题编辑的一个页面的时候发送了两个请求

    post('method1').then((res) => {
      if (res.success) {
        this.setState({ data: res.data })
        ...

      post('method2).then((response) => {
                  if (response.success) {
              const { specsData, ...other } = response.data || {}
              const obj = JSON.parse(specsData)
              this.field.setValues({
                ...other,
                ...obj,
              })

第二个方法回显表单的时候,用到第一个方法返回的数据这时 (因为两个都是异步) 有可能第一个数组还没返回就报错了

解决方案
在第一个接口返回数据后再调用第二个接口