html怎么延迟显示,通过标签显示html标签，延迟使用Reactjs

我有一个问题，我花了很多时间阅读并试图解决，但没有工作。通过标签显示html标签，延迟使用Reactjs

我必须模拟这样的聊天：

但我不能找到一个方法来做到气泡的每一个之间的延迟，他们始终显示在同一时间，我试着使用我在网上找到的很多功能，比如setTimeout，等待睡眠和承诺等。他们都没有工作，气泡总是同时显示，很多时候延迟本身甚至不工作，它们在延迟时间结束之前显示。

做任何人有一个想法如何做到这一点？我只需要知道如何做到这一点我自己的工作逻辑。所以基本上我需要知道如何对Reactjs说：“在2秒后显示一个空白页面，显示第一个泡泡，2秒后显示第二个泡泡”。

代码示例：使用状态：

renderChat(){

let bubbles = this.state.bubbles;

if(this.state.renderSecondBubbles){

bubbles.push(this.renderBubbleResponse(this.state.name));

bubbles.push(

Hello {this.state.name}

)

}else{

if(this.state.renderFirstBubbles){

bubbles.push(

Hello

)

bubbles.push(

What is your name?

)

}

}

}

render(){

return(

{this.renderChat()}

)

}

例未使用状态：

render(){

return(

Your account was created

Now, its time to choose your payment method

)

}

感谢很多人。