在使用一些文本REACT.js设置相同的div之前，在div上显示图像

Question

我正在制作一个聊天应用程序，我从后端获得响应，并且显示没有任何延迟。我在使用消息设置状态Chat后映射消息。 以下是我从后端得到的回复。

 var tesBotMessages = this.state.Chat.map(function (msg, key) {
       <div className="chat chat-left pull-left">
                    {(msg.Botresponse === undefined || msg.Botresponse === "")
                        ? <div className="chat-body chat-bubbles">
                            <div className="chat-content">
                                <p>Sorry I don't get it.. :(</p>
                                <time className="chat-time"></time></div>
                           </div>
                         :<div className="chat-body chat-bubbles">
                            <div className="chat-content" id="textporgress">
                                <p id="message">{msg.Botresponse}</p>
                                <time className="chat-time"></time></div>
                        </div>}  
                       </div>

如何在显示实际id="message"之前在此JSX <p>{msg.Botresponse}</p>上显示图像。这里我首先检查响应是否未定义为null。如果它不为空则显示。

我只需要以1秒的间隔显示它。