如何修复“预期在箭头函数数组回调返回中返回一个值”？

Question

我不明白，您是否需要通过地图返回特定方式？

componentDidMount() {
  // read the items db
  let categories = [];
  items.map(cat => {
    if (categories.indexOf(cat.category) === -1) {
      categories.push(cat.category);
    }
  });
  console.log(categories);
  this.setState({ categories: categories });
}

Answer 1

.map的目的是从旧数组生成一个新数组。 函数的返回值指定数组中该位置的新值应该是什么。 由于您没有返回任何内容，因此将生成undefined的数组。 这可能是一个错误，因此该 lint 规则警告您。

在您的情况下，您似乎根本不关心 map 生成的数组，因此解决方法是使用更合适的方法，例如.forEach

let categories = [];
items.forEach(cat => {
  if (categories.indexOf(cat.category) === -1) {
    categories.push(cat.category);
  }
});

从关于 array-callback-return的文档：

Array 有多种过滤、映射和折叠方法。 如果我们忘记在它们的回调中编写 return 语句，那可能是一个错误。 如果您不想使用返回或不需要返回的结果，请考虑改用 .forEach。

Answer 2

尝试使用迭代器 as for 或 forEach 映射不起作用从映射返回一个新数组想要渲染它可能是未定义的或在您的情况下，您似乎并不关心映射生成的数组所有，所以修复是使用更合适的方法，例如 .forEach 或 for

 let categories = []; const items = []; for (let cat in items) { if (categories.indexOf(cat.category) === -1) { categories.push(cat.category); } }; console.log(categories);

在此处输入代码

Answer 3

是的，它需要您返回一些东西来创建新数组。 如果您只想迭代项目并将一些值推送到类别数组，您可以使用 forEach 或 for...of。

 this.setState({ categories: items.filter(cat => categories.indexOf(cat.category) === -1).map(cat => cat.category) })

使用过滤器删除类别中已有类别的猫，并使用地图创建新的类别数组。