array.filter未返回reactjs中父数组的嵌套数组

在ReactJS中，array.filter()是一个用于数组的高阶函数，它用于过滤数组中的元素并返回一个新的数组。然而，当过滤的数组是父数组中的嵌套数组时，array.filter()并不能直接返回父数组的嵌套数组。

为了解决这个问题，我们可以使用递归或使用Array.prototype.map()方法来处理嵌套数组的过滤。

使用递归方法，可以创建一个递归函数来遍历父数组和嵌套数组，并在遍历过程中使用array.filter()来过滤嵌套数组。以下是一个示例代码：

function filterNestedArray(arr, predicate) {
  return arr.reduce((acc, curr) => {
    if (Array.isArray(curr)) {
      const filteredNestedArray = filterNestedArray(curr, predicate);
      if (filteredNestedArray.length > 0) {
        acc.push(filteredNestedArray);
      }
    } else if (predicate(curr)) {
      acc.push(curr);
    }
    return acc;
  }, []);
}

const nestedArray = [1, 2, [3, 4, [5, 6]], 7, [8, 9]];
const filteredArray = filterNestedArray(nestedArray, num => num % 2 === 0);
console.log(filteredArray); // 输出 [2, 4, 6, 8]

在上面的示例中，filterNestedArray()函数采用了递归的方式遍历了父数组和嵌套数组，并使用predicate函数来过滤符合条件的元素。最后，返回的结果是一个包含过滤后元素的新数组。

另一种方法是使用Array.prototype.map()方法和递归结合。以下是一个示例代码：

function filterNestedArray(arr, predicate) {
  return arr.map(item => {
    if (Array.isArray(item)) {
      const filteredNestedArray = filterNestedArray(item, predicate);
      return filteredNestedArray.length > 0 ? filteredNestedArray : undefined;
    }
    return predicate(item) ? item : undefined;
  }).filter(Boolean);
}

const nestedArray = [1, 2, [3, 4, [5, 6]], 7, [8, 9]];
const filteredArray = filterNestedArray(nestedArray, num => num % 2 === 0);
console.log(filteredArray); // 输出 [2, 4, 6, 8]

在上面的示例中，filterNestedArray()函数使用Array.prototype.map()方法对数组进行遍历，并根据元素的类型进行不同的处理。对于嵌套数组，使用递归调用filterNestedArray()函数来过滤嵌套数组；对于非数组元素，根据predicate函数来过滤元素。最后，使用Array.prototype.filter()方法过滤掉undefined值，返回过滤后的新数组。

总结：对于ReactJS中父数组的嵌套数组，可以使用递归或结合Array.prototype.map()方法和递归的方式来进行过滤。以上给出的示例代码可以实现这一功能。