问题标签 [object-destructuring]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
98 浏览

reactjs - .map() 迭代对象数组

我尝试了一种嵌套方法,该方法能够显示在控制台日志中,但无法在 Tsx 主页面中做出反应。

数据结构如下

  • 数组[0]={title:"abc", url:"abc.com"};
  • 数组[1]={title:"abcd", url:"abcd.com"};

主要的.tsx

我得到 sp-webpart-workbench-assembly_en-us_3a7c7940cb718e67c2b0e6edfd5b40ff.js:21 Uncaught TypeError: [object Array] is not a function

0 投票
2 回答
240 浏览

javascript - 具有短路评估的对象解构

是否有可能实现这样的目标?

结果得到-> name = 'tom' and age=20

上面的代码不起作用,因为它只评估一次条件,而不是对每个变量赋值,这当然是有道理的。它评估为 name='tom', age=undefined

有什么办法可以使这个逻辑起作用吗?

谢谢!

0 投票
2 回答
112 浏览

javascript - javascript将对象解构为“this”

我想将 response.data 的分页结果分配给 Vue 数据
,所以显而易见的方法很简单

但是有没有一种 ES6 方法可以将结果直接分配给这样的东西?

注意:上面的代码不起作用。

0 投票
2 回答
125 浏览

javascript - 用相似的子对象解构 JS 对象

我有以下设置,但不断收到错误:Argument name clash. 我怎样才能解构这个并仍然保持价值?

0 投票
2 回答
483 浏览

reactjs - ...休息不在 Edge,React 项目中工作

这在 chrome 中运行良好,但在 Edge 中我得到一个错误Expected identifier, string or number,指向 ...rest inlet { Default, ...rest } = this.state.views;

我读到 ...rest 在旧版本的 Edge 中不受支持,但现在应该支持。我已经更新了 Windows,但错误仍然存​​在。我已经安装了 babel,它出现在我的 package-lock.json 中,但没有出现在 package.json 中。

有没有办法让它工作或者我必须创建自己的循环解决方法?

0 投票
2 回答
856 浏览

javascript - 对象解构或可选链接哪个更好?

鉴于有两种编写代码的方式,就有效代码而言,哪种方式更好?

const { match: { params: { clientId = '' } } } = this.props;

const clientId = this.props?.match?.params?.clientId ?? ''

注意我们可以忽略任何中介都可能为空的事实。我的问题更具体的是为什么每个人都默认使用对象解构,当它可以像第二种格式一样简单地编写时

0 投票
2 回答
200 浏览

javascript - React Native API - 为什么只使用一个参数进行解构?

我正在学习 JavaScript、React Native 和 React Navigation。我刚刚了解了解构。很好,只是我看不到只有一个参数的意义。例如,为什么不直接写

代替

感谢您的任何见解

0 投票
0 回答
69 浏览

javascript - 从 mongodb 破坏对象,长度未定义

enter code here我创建了一个 shoppingCart 应用程序,我必须使用 nodemailer 通过电子邮件将订单发送给客户 我无法解构这个对象

这个对象可以有很多类似的值

我努力了

并且仅${iofi}适用于nodemailerHtml:输出

0 投票
1 回答
411 浏览

reactjs - 对函数声明强制执行 TSX 道具类型内联,该函数声明使用对象解构来声明道具

我有一个自定义类型

我有一个无状态功能组件,它将该类型作为参数

当我尝试创建无状态功能组件时

我得到错误


下面有一个解决方案,但我觉得我应该把这个材料留给其他人,他们可能会看到这个问题以获得替代解决方案和更深入的理解

初始化 JSX 时的对象解构,例如:

为我的无状态功能组件的参数创建一个接口

注意:不需要指定类型

道具类型

0 投票
1 回答
68 浏览

javascript - 为什么 console.log(myObj) 在 JS.Bin 中打印错误?

这是一个简单的练习,我没有完成理解:

这是我在我正在学习的课程中发现的一个练习。问题是,当我在 JSBin 中尝试练习时,它只适用于 console.log(name); 其他两个打印返回此错误:

有什么帮助吗?谢谢!