React componentDidMount在渲染之前执行

Question

在渲染中添加了一些简单的内容：

render（）{ 返回（

测试123

）; } }

在componentDidMount中添加了：

alert（“ test”）;

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

Answer 1

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

https://codesandbox.io/s/trusting-snowflake-0kh9s?file=/src/App.js

如果您还有其他疑问，建议您在此处发布一个codeandbox链接，以重现您遇到的错误，以便我更好地解决