解构和克隆对象/一行？

Question

我正在使用react.js，我想从状态中获取一个数组，但我需要克隆它并将其保存到const. 我可以用两行代码来完成；有没有办法在一行代码中做到这一点？

例子：

const { data } = this.state
const newData = [...data]

仅供参考，我正在使用 eslint，"parser": "babel-eslint"如果我尝试这样做，配置和 VSC 会向我显示警告：

const data = [...this.state.data]

警告信息：Must use destructuring state assignments - lint react / destructuring-assignment

我不想删除/自定义 eslint 的规则......但我不想过度扩展代码。

有什么建议吗？

Answer 1

以下是如何this.state.data通过在一行中全部解构来创建 Array 切片：const { data: [...newData] } = this.state警告，如果你期待的话，这不是一个深度克隆。它只是一个引用原始数组项的新数组。请注意，我认为您的 eslint 规则要求使用解构是疯狂的。这并不总是最好的解决方案。