Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/363.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 您可能返回了未定义、数组或其他无效对象 const renderCategories=(道具)=>{ 控制台日志(道具); 返回props.categories.map(category=>( )); };_Javascript_Reactjs - Fatal编程技术网

Javascript 您可能返回了未定义、数组或其他无效对象 const renderCategories=(道具)=>{ 控制台日志(道具); 返回props.categories.map(category=>( )); };

Javascript 您可能返回了未定义、数组或其他无效对象 const renderCategories=(道具)=>{ 控制台日志(道具); 返回props.categories.map(category=>( )); };,javascript,reactjs,Javascript,Reactjs,这是返回迭代类别的函数。我认为我在语法上犯了一些错误,这就是为什么我会出现以下错误,您可能返回了未定义的数组或其他无效对象。我知道这是一个常见问题,但我找不到与我的代码相关的解决方案。仅在中支持在渲染函数中返回数组 您需要将其环绕在div或其他东西上: const renderCategories = (props) => { console.log(props); return props.categories.map(category => ( <Categ

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

仅在中支持在渲染函数中返回数组

您需要将其环绕在
div
或其他东西上:

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}
    />
  ));
};
返回(
{props.categories.map((category)=>(
))}
);

React的哪个版本?@riwu-我使用的是15.4.0如何在
render()函数中使用
renderCategories()
?你能添加代码吗?@YashSharma别忘了,如果你的项目允许,你也可以升级到React 16。然后你就可以返回数组了。
return (
  <div>
    {props.categories.map((category) => (
      <Category
        key={category.categoryID}
        category={category}
        isSelected={props.selectedCategory === category.categoryID}
        setSelectedCategory={props.setSelectedCategory}
      />
    ))}
  </div>
);