Reactjs React componentDidMount在渲染前执行

Reactjs React componentDidMount在渲染前执行,reactjs,Reactjs,在render中添加了一些简单的内容: render(){ 返回( 测试123 ); } } 在componentDidMount中添加了: 警报(“测试”) 所以首先显示警报,但页面视图为空或错误。这取决于浏览器。在“警报”按钮点击“确定”后,视图被加载。这是一个错误,或者我可能误解了什么?这是不正确的。在任何基于类的组件中,render()函数首先运行,然后是componentDidMount()函数。我附加了一个代码沙盒链接,它清楚地显示了console.log()语句中首先执行的re

在render中添加了一些简单的内容:

render(){ 返回(
测试123
); } }

在componentDidMount中添加了:

警报(“测试”)


所以首先显示警报,但页面视图为空或错误。这取决于浏览器。在“警报”按钮点击“确定”后,视图被加载。这是一个错误,或者我可能误解了什么?

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

如果你有进一步的疑问,我建议你在这里发布一个codesandbox链接,试图重现你得到的错误,这样我可以更好地解决它