antd modal关闭时不再调用接口

Question

我是采用以下方法来监听传入数据是否发生改变：

 componentWillReceiveProps(nextProps) {

    // 判断传入数据是否改变

    if (JSON.stringify(nextProps.data) !== JSON.stringify(this.props.data)) {

      // 取到车系数据

      getSeriesTreeList({ brandid: nextProps.data.brandId }, (data) => {

        let { carListData } = this.state;

        // 取到车型数据

        getModelList({ seriesid: nextProps.data.seriesId }, (modelData) => {

          // 格式化车型数据

          for (let i in modelData) {

            modelData[i].value = modelData[i].vmid;

            modelData[i].label = modelData[i].name;

          }

          // 格式化车系数据

          for (let i in data) {

            data[i].value = data[i].SeriesID;

            data[i].label = data[i].name;

            data[i].isLeaf = false;

            // 组装车系下的车型

            if (data[i].SeriesID === nextProps.data.seriesId) {

              data[i].children = modelData

            }

          }

          // 组装品牌下的车系

          for (let i in carListData) {

            if (carListData[i].value === nextProps.data.brandId) {

              carListData[i].children = data;

            }

          }

          let arr = [nextProps.data.brandId, nextProps.data.seriesId, nextProps.data.vmId];

          this.setState({

            carListData,

            carTypeData: arr,

          });

        })

      })

    }

  }

点击打开modal时，监听到数据改变就会调用接口查询详情，但是在关闭modal后，没有数据传入，此时调用接口时因为没有查询数据，系统就会报错。能有什么办法在关闭时不再调用接口？

Answer 1

你点击打开Modal的事件和关闭Modal的事件不是一个方法处理不就行了，关闭Modal的时候只是把Modal的visibel设置程false就行了其他的不要处理了