×TypeError：无法读取未定义的属性“ map”

Question

 function Sidebar({ items, depthStep, depth, expanded }) {
  82 |   return (
  83 |     <div className="sidebar">
> 84 |       <List disablePadding dense>
  85 |         
  86 |         {items.map((sidebarItem, index) => (
  87 |           <React.Fragment key={`${sidebarItem.name}${index}`}>

Answer 1

如果items不可避免地以null或undefined的形式传递给Sidebar，则可以有条件地调用map：

{
    items ? 
        items.map((sidebarItem, index) => (
            <React.Fragment key={`${sidebarItem.name}${index}`}>
        )
    : null
}