javascript - 您可能返回了未定义的数组或其他无效对象

Question

const renderCategories = (props) => {
  console.log(props);
  return props.categories.map(category => (
    <Category
      key={category.categoryID}
      category={category}
      isSelected={props.selectedCategory === category.categoryID}
      setSelectedCategory={props.setSelectedCategory}
    />
  ));
};

这是返回迭代类别的函数。我认为我在语法中犯了一些错误，这就是为什么我收到以下错误，您可能返回了未定义的数组或其他无效对象。我知道这是一个常见问题，但是我找不到与我的代码相关的解决方案。

Answer 1

渲染函数中返回数组仅在 React v16.0 中受支持.

你需要将它包裹在 div 或其他东西周围:

return (
  <div>
    {props.categories.map((category) => (
      <Category
        key={category.categoryID}
        category={category}
        isSelected={props.selectedCategory === category.categoryID}
        setSelectedCategory={props.setSelectedCategory}
      />
    ))}
  </div>
);