我确信这很简单,但由于我是JS和React的新手,我似乎无法找到答案。
基本上,我有一个使用JQ animate方法充当各种计数器的函数。该函数如下所示:
$({countNum: 99}).animate({countNum: 1000}, {
duration: 2000,
easing:'linear',
step: function() {
var counter = Math.floor(this.countNum)
console.log(counter)
},
complete: function() {
return 'counter done';
}
});
我正在尝试在step
中设置State,以便我可以在我的应用上模拟一个计数器,因为它计算到一个特定的数字。为了设置状态我需要将this
绑定到animate函数中的对象,然而我无法弄清楚如何访问countNum
以使其增加。
有什么想法吗?或者我接近这个完全错误。
答案 0 :(得分:1)
您可以在输入回调之前将“this”指定给特定变量
var _mythis = this;
然后使用“_mythis”来调用成员函数/变量
_mythis.myJQfct();
但我不确定这是你需要做的事情。