如果我根據數組特定索引中的對象分配兩個變量，如何傳遞 eslint 的“優先解構”規則？

Question

我有數組 touchEvents。 看起來像：

evt: {
    touchEvents: [
       {
         clientX: 3,
         clientY: 4,
       }, {...}, ...
    ]
 }

我想將兩個變量重新分配給兩個屬性，特別是在數組的[0]位置。

我做了：

clientX = evt.touchEvents[0].clientX;
clientY = evt.touchEvents[0].clientY;

eslint linter 說：

錯誤：使用對象解構（首選解構）

所以我做了：

({ clientX, clientY } = evt.touchEvents[0]);

我得到了錯誤

錯誤：使用數組解構（首選解構）

我不明白如何使用“數組解構”來分配這些變量。 我已經閱讀了有關解構的 mdn 文檔和eslint 文檔，但我仍然不明白它想要我做什么，或者更確切地說，如何使用數組解構來分配這些變量。

如何使用“數組解構”來傳遞這個 eslint 規則並分配我的變量？

Answer 1

在兩行中它會是

const [ touchEvents ] = evt.touchEvents
const { clientX, clientY } = touchEvents

或單線

const { clientX, clientY } = evt.touchEvents[0]

或者

const [{ clientX, clientY }] = evt.touchEvents

如果您覺得任何規則困擾您，您可以隨時使用// eslint-disable-next-line <the-rule-name>