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);

}




阅读 3.4k
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);
}

……不得不说,朋友你的 clearInterval(Info),这个Info并不是你下文设定的this.Info啊;写成clearInterval(this.Info)试试吧,以及记得在init里面声明一下this.Info不为undefined

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题