setTimeout函数在函数结束后不显示HTML

Question

我已经创建了3秒的超时功能，在此之后，它应该呈现超文本标记语言。我按照官方的留档来做这件事，代码就像在留档上一样。有人有类似的问题吗？

js prettyprint-override">render() {
return (
<div>
    {this.state.activePage === 'Home' ? setTimeout(function () {
        <p>Hello World</p>
    }, 3000) : null}
</div>
)
}

Answer 1

无法从传递给setTimeout的函数返回值。

这里有两个选择，你可以尝试

1. 创建一个状态字段来存储要显示的消息，并从setTimeout内部更新状态。同样，这样的更新不能在返回的内部完成。您可能希望将此逻辑移动到组件安装功能

你能提供你在这段代码中引用的文档吗？这样我们就可以更深入地了解这个问题了？

Answer 2

你不应该在react中编写这样的代码。setTimeout返回：

返回的timeoutID是一个正整数值，用于标识调用setTimeout（）创建的计时器。T

而不是您从回调返回的JSX。但是即使它异步返回您从回调返回的JSX，您也不会在屏幕上看到新的内容。要在反应中更改UI，您必须使用setState更改状态变量，这将导致重新渲染。渲染也不是调用setState的地方。例如，您可以在use效中调用setState。