React componentDidMount 在渲染之前执行

【问题标题】：React componentDidMount execute before renderReact componentDidMount 在渲染之前执行
【发布时间】：2020-11-14 09:35:30
【问题描述】：

在渲染中添加了一些简单的东西：

渲染（）{ 返回（

测试123

); } }

在componentDidMount中添加：

警报（“测试”）；

所以先显示警报，但页面视图为空或错误。这取决于浏览器。在“警报”单击“确定”按钮后 - 视图已加载。这是错误还是我误解了什么？

【问题讨论】：

标签： reactjs

【解决方案1】：

这是不正确的。在任何基于类的组件中，render() 函数首先运行，然后是 componentDidMount() 函数。我附上了一个代码沙箱链接，该链接从 console.log() 语句中清楚地显示了首先执行渲染。

如果您还有疑问，我建议您在此处发布一个代码框链接，尝试重现您遇到的错误，以便我可以更好地解决它

【讨论】：