javascript - reflux 如何讲方法存进store 中在组件里调用

问题描述

问 题

问题详情： 一个list组件 点击每一个list会发起请求，然后开始自动5秒循环的执行这个操作，直到点击下一个list的时候先清空上一个list的循环，才执行这一个list 的循环。
我写的方法 点击下一次的时候 未能清掉setInterval
请问如何处理？？？？

handleAjax: function () {
    var trainRunId = this.props.trainRunId;
    var cxt = {
        trainRunId: trainRunId,
        stationId: i,
        pageIndex: "1",
        pageSize: "4"
    };
    Service.POST(function (data) {
        PassengerSerAction.stationLayout(data.data)
    }.bind(this), cxt, function () {
        alert("请求失败")
    }.bind(this))
},
handleOnClick: function () {
    this.handleAjax();
    clearInterval(Info);
    this.Info = setInterval(function () {
        this.handleAjax();
    }.bind(this), 10000);

}

解决方案

经过自己的思考已经得出初步的方案，并且成功实现
因为在点击下一个list的时候组件重新加载了，下面是代码

我把setInterval的返回值保存在了store里

handleAjax: function () {
    var trainRunId = this.props.trainRunId;
    var cxt = {
        trainRunId: trainRunId,
        stationId: i,
        pageIndex: "1",
        pageSize: "4"
    };
    Service.POST(function (data) {
        PassengerSerAction.stationLayout(data.data)
    }.bind(this), cxt, function () {
        alert("请求失败")
    }.bind(this))
},
handleOnClick: function () {
    this.handleAjax();
    clearInterval(PassengerSerStore.refreshInfo);
    var Ask = setInterval(function () {
        this.handleAjax();
    }.bind(this), 5000);
    PassengerSerAction.refreshInfo(Ask);
}

这篇关于javascript - reflux 如何讲方法存进store 中在组件里调用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！