如何解决esline错误——“使用对象解构”

Question

我先初始化空变量

let a = "";
let b = "";
let c = "";

然后调用 api 并在获取数据后将来自 api 响应的值分配给变量。 如果没有得到任何数据，那么这将是空的。

假设 dataArray 是我得到响应的数组。

所以，我所做的是：

dataArray = dataArray.map((x) => {
  a = x.valueA;
  b = x.valueB;
  c = x.valueC;
});

我的响应和代码一切都很好，但是当我检查 ESLINT 时，它返回了Use object destructuring的错误 有没有人帮我解决这个问题。 任何支持真的很感激

Answer 1

看起来你的a 、 b和c等于 dataArray 的最后一个值。 所以应该是

const { a = '', b = '', c = '' } =
  dataArray.length > 0 ? dataArray[dataArray.length - 1] : {};

Answer 2

我认为在你的场景中forEach比map更合适。

dataArray.forEach(({ valueA, valueB, valueC }) => {
  a = valueA;
  b = valueB;
  c = valueC;
});

或者，如果您想使用map ，则需要添加内联 return 语句 ({})。

const { a, b, c } = dataArray
  .map(({ valueA: a, valueB: b, valueC: c }) => ({
    a,
    b,
    c
  }))
  .pop() || { a: "", b: "", c: ""};