创建一个数组来破坏嵌套的 object

Question

我需要在entity:中创建一个id:的数组，该变量嵌套在 object proposal中的stakes变量中。 当我使用此代码解构 object 时：

const {
   stakes: {
      entity: { id: SupportersId },
    },
 } = proposal
  console.log(SupportersId)

我收到错误： TypeError: Cannot read property 'id' of undefined

这是一个嵌套在提案 object 中的“赌注”变量示例，我将代码应用于：

0: 
 amount: BigNumber 
    c: [100000] 
    e: 19 
    s: 1 
    __proto__: Object 
 createdAt: 1616006864000 
 entity: {id: "0x60893...734",
        __typename: "Supporter"} 
 id: "appAddress:0x8blahblah...entity:0x608same" 
 proposal: null 
 type: "Add" 

所以当我运行时：

const {stakes} = proposal
console.log(stakes)

我得到了上面的 object。 运行时：

const {stakes: {entity}, }= proposal 

我得到：

4 Undefined
10 Undefined
10 Undefined
...

一个似乎与我正在处理的内容没有任何关系的数字。 希望有人可以帮助我。 我觉得我需要像通过数组映射以创建元素时那样向变量添加索引号，但是，遗憾的是，我也不确定它会是什么样子。 最终，我将把这个列表作为一个孩子传递给另一个 function，它将 map 在我的应用程序中以另一种形式通过它，从 id 中提取图像和配置文件数据以创建“个人卡”，如果有帮助的话。 任何帮助或建议将不胜感激，谢谢！

Answer 1

这是一个正确解构的反例。 我怀疑这与您的情况之间的区别在于您的proposal.stakes可能是一个数组，我从0:在您的 output 中。

 const proposal = { stakes: { amount: 10n, c: [100000], e: 19, s: 1, createdAt: 1616006864000, entity: { id: "0x60893...734", __typename: "Supporter" }, id: "appAddress:0x8blahblah...entity:0x608same", proposal: null, type: "Add", } }; const { stakes: { entity: { id: SupportersId }, }, } = proposal; console.log(SupportersId) const {stakes: {entity}, }= proposal; console.log(entity);