reactjs Javascript -类型错误：无法赋值给对象“#”的只读属性“id”< Object>

hc8w905p 于 2023-03-01 发布在 React

关注(0)|答案(1)|浏览(184)

我正在循环一个数组并构造一个数组，如下所示。在执行此代码时，我得到一个错误
TypeError：无法分配给对象“#”的只读属性“id”

const finalItems: any = [];
  data.items.forEach((parent: any) => {
    // parent construct
    parent.id = parent.productId;
    parent.level = parent.level;

    // remove other keys in json
    delete parent.links;

    finalItems.push({
      node: parent,
      key: parent.id,
    });
  });
return items;

我尝试更改代码如下，查看stackoverflow中的一个链接，但它给出错误，因为未定义不是函数

data.items.forEach((parent: any) => {
// parent construct
parent.id(parent.productId);
});

有人能就这个问题提出建议吗

reactjs

来源：https://stackoverflow.com/questions/75590971/javascript-typeerror-cannot-assign-to-read-only-property-id-of-object-ob

1条答案

按热度按时间

inkz8wg91#

如果parent是readonly，所以您不能修改它，您需要从它获取副本，如下面代码所示：
//选项1

const finalItems: any = [];
data.items.forEach((parent: any) => {
  // parent construct
  const newParrent = parent;
  newParrent.id = parent.productId;
  newParrent.level = parent.level;

  // remove other keys in json
  delete newParrent.links;

  finalItems.push({
    node: newParrent,
    key: newParrent.id
  });
});

或使用map

//option 2

const finalItems = data.items.map((parent) => {
  const newParrent = parent;
  newParrent.id = parent.productId;
  newParrent.level = parent.level;
  // remove other keys in json
  delete newParrent.links;

  return {
    node: newParrent,
    key: newParrent.id
  };
});

注意：此答案仅供参考，可能不是最终答案

赞(0）回复(0）举报 2023-03-01

我来回答

reactjs Javascript -类型错误：无法赋值给对象“#”的只读属性“id”< Object>

1条答案

相关问题

热门标签

最新问答