代码之家 › 专栏 › 技术社区 › CraZyDroiD

在reactjs中使用setTimeout连续更改状态

settimeout reactjs javascript

CraZyDroiD · 技术社区 · 7 年前

constructor(){
        super();

        this.state = {

            postType:'star_rating'

        }

    }

我想在5秒内改变状态,我能做到这样

setTimeout(() => {
            this.setState({
                postType: 'image_poll'
            });
        }, 5000);

问题是,再过5秒,它应该将其更改为另一个状态。再过5秒,状态变化应该从一开始就重复。总之,国家应该这样改变

A->B->C->A->B->C->A->B->C这种情况应该持续发生。我该怎么做?

1 回复 | 直到 7 年前

Héctor 7 年前

setTimeout(() => {
    this.setState(getNextState());
}, 5000);

和

getNextState() {
  if (this.state.postType === 'star_rating') 
    return { postType: 'image_poll' };
  if (this.state.postType === 'image_poll')
    return { postType: 'third_state' };
  return { postType: 'star_rating' };
}

推荐文章

Gourav Srivastava · 我应该如何使用回调来获得期望的结果?

2 年前

Nikos Tzoun · addEventListener[重复]中带有参数“this”的SetTimeout调用函数

7 年前

Mer · 文本输入中的打字机效果在Firefox中不起作用

7 年前

Abido · setTimeout节点内存泄漏(Meteor)

7 年前

aman.s · 选中复选框5秒后刷新JavaScript页面

7 年前

Sanju · 如何在每次函数调用之前等待setTimeout?

7 年前

Casey Crookston · 在计时器上重复/循环ajax调用-即使超时

7 年前

Alperb · 如何在按键功能中设置超时功能

7 年前

DannyArcher · 我可以在设置间隔中插入多个设置超时吗?

7 年前

CraZyDroiD · 在reactjs中使用setTimeout连续更改状态

7 年前