解構和克隆 object / 一行？

Question

我正在使用react.js ，我想從 state 獲取一個數組，但我需要克隆它並將其保存到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的數組切片：

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

警告，如果你期待的話，這不是一個深度克隆。 它只是一個引用原始數組項的新數組。

請注意，我認為您的 eslint 規則要求使用解構是瘋狂的。 這並不總是最好的解決方案。