react组件中的执行流是什么?

Question

react组件的执行流程是什么，我有一个react组件，像这样

const EmployeeList = () => {
//First part of the component is fetch call to get the data from database
//Second part of the component is JSX which renders the fetched employee data, something like below
};

我的问题是，因为第一部分是一个获取调用和它的异步，什么将是执行流，JSX渲染总是等待，直到上面的代码完成

Answer 1

当组件首次初始化用于挂载时，组件中的所有代码将异步执行，除非在useEffect's或componentDidMounts中设置了一个代码块在挂载阶段之后运行。

所以，如果你在渲染函数中有一个JSX块，它依赖于在同一组件中获取的数据，那么该组件将崩溃，除非有一个检查集在适当的地方。

回答你的问题，不，JSX不会等待数据被获取，除非显式编码这样做。