问题导致变量在React重新租户上重新评估

Question

我发现一个小问题导致让实例化变量在反应功能组件中被错误地修改。

预期行为

I具有一个变量（对象），该变量（对象）在反应功能组件中通过这样的后续逻辑进行了修改：

const SomeComponent = () => {
  let foo = {}
  if (someCondition) {
     delete foo[prop]
  }
  if (someOtherCondition) {
     delete foo[anotherProp]
  }
  ...
  return (<> Object.keys(foo).map(key => {...})</>)
}

因此，基本上，我试图根据其他条件在此对象上仅使用特定属性，例如特定条件使用组件。

foo变量是从查询返回到数据库的对象。具体来说，在someComponent的父组件中，我正在运行一个查询，该查询（以对象的形式）返回有关公司的信息。 foo是该返回的一个属性，也是对象。查询完成后，查询的结果将传递到someconent中，因此foo在someComponent中不明显。

我注意到的问题

是，当上述组件第一次将上述组件带入DOM时，它可以按预期工作。因此，例如，如果我在“情况1”下将组件带入DOM，它将正常工作。但是，如果然后在另一种情况下将其带入DOM（我们称其为“情况2” - foo对象应具有不同集Prop 在“情况1”下渲染时，foo将无法正确修改

。 >从中删除的属性就好像somecondition和 。

strong