首页 > 解决方案 > 如何根据在基于类的组件中填充 n 毫秒值的数组制作 n 个 react.js 倒数计时器?

问题描述

问题的场景是

假设给定 varArray = [150000,1900000,...,n] 并且在这种情况下我们必须初始化 n 个倒计时计时器,并在渲染方法的划分中显示计时器。

我是 react.js 的新手,所以请您以解释的方式提供帮助。

我正在使用基于类的组件,如果您能从这个角度回答将会非常有帮助。

提前致谢。

标签: javascriptreactjsjsxreact-component

解决方案


这应该这样做

const arr=[150000,1900000], timers = [];

arr.forEach( 
    (ms, index) => { 
        timers.push( 
            setTimeout(function(){ 
                console.log(`timer ${index} is done`); 
            },
            ms
        ) 
})

推荐阅读