javascript - reflux 如何讲方法存进store 中在组件里调用-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

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

PHP中文网 2017-04-11 09:08:22

[JavaScript讨论组]

308

问题详情：一个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);

}

PHP中文网

认证0级讲师

全部回复(2)

怪我咯2017-04-11 09:10:22 2楼

经过自己的思考已经得出初步的方案，并且成功实现
因为在点击下一个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);
}