React useEffect 在初始渲染时不是 运行

Question

我的列表开始时正在加载，但现在突然 useEffect 不会 运行 函数，我的列表是空的..

我错过了什么？

Here is my code in codesandbox

Answer 1

那是因为首先你的组件 returns，渲染你的 JSX，然后他在你的 useEffect 中调用 getList。

但是在您的初始渲染中，他试图获取一些尚不存在的属性，从而引发错误。

尝试在您的所有列表中使用可选的链接运算符[属性]，它们是：

liste?.[id]?.navn 和 liste?.[id]?.subtotal

通过这些修改，您的组件将遵循您期望的流程。