Reactjs React-仅在异步操作完成时呈现组件（如API调用已解析）

我有一个包含多个子组件的react组件。一个道具到它的子组件依赖于一些外部因素——从浏览器会话存储中检索

初始荷载-

我需要从会话存储中选择值

根据该值，需要对变量执行一些操作（或局部状态更新）

然后将派生值作为道具传递给子组件

问题是-我必须从这个组件返回一个组件（这里是chid组件），即使在我从会话存储中检索值之前不知道要渲染什么

我从父组件返回了一个默认的子组件，然后当我得到最终值（prop值）时，我正在更新状态以导致重新渲染

---

但是-在大多数情况下，第一次渲染使用较少，我希望避免任何渲染，直到我有了可用的派生值，并且我知道要渲染的精确性。

听起来您已经在以反应方式进行操作了。呈现null或占位符，然后获取数据，然后将state设置为rerender是在react中加载异步数据的标准方法。您可能可以更改“无用”渲染的组件（通过在树上或树下移动状态），但某些组件需要这样做。