ReactJS中array-callback-return报错：修改数组元素无需返回值该如何处理？

嘿，这个ESLint报错我太熟悉了！核心原因是你用了map方法，但它的设计逻辑和你当前的需求不匹配——map本来是用来生成新数组的，它要求回调函数必须返回一个值来构建这个新数组，但你现在只是在修改原数组里的元素属性，没有返回任何值，所以ESLint会抛出这个提示。

两种快速解决方法： #

• 推荐方案：换成forEach
  如果你不需要创建新数组，只是要遍历修改原数组的元素，forEach才是正确的工具——它本来就不要求回调返回值，完全贴合你的需求：

  data.forEach((current, index, array) => {
    const prevVisitors = array[index - 1] ? array[index - 1].visitors : 0;
    current.visitors += prevVisitors;
  });
  

• 如果不想改方法（比如已有代码依赖map的执行）
  那你只需要在回调末尾返回当前处理的元素current就行，这样既满足了map对返回值的要求，也不会影响你修改原元素的操作：

  data.map((current, index, array) => {
    const prevVisitors = array[index - 1] ? array[index - 1].visitors : 0;
    current.visitors += prevVisitors;
    return current; // 加上这行就解决报错
  });
  

  要是你觉得返回元素没必要，也可以直接写return;（返回undefined），ESLint也会认可，但返回current的语义更清晰，符合map的使用逻辑。

这个报错的常见触发场景： #

• 使用map、filter、find、reduce这类依赖回调返回值的数组方法时，回调函数完全没有return语句；
• 回调函数里有条件分支（比如if/else、三元表达式），部分分支没有返回值，ESLint会认为存在执行路径没有返回结果；
• 箭头函数用了语句块（{}包裹代码）但没写return——如果是单表达式箭头函数（不用{}），会自动返回表达式结果，不会触发这个错误。

内容的提问来源于stack exchange，提问作者Paliao