阵营材料的UI，网格列表无法呈现网格项目

Question

export interface FlatsGridProps { 
    flats: IClusterFlats[]; 
} 

export const FlatsGrid: React.StatelessComponent<FlatsGridProps> = (props: FlatsGridProps) => { 

     if (props.flats.length === 0) { 
      return (<div> empty </div>); 
     } 

     return (
      <div style={styles.root}> 
       <GridList 
        cols={2} 
        style={styles.gridList} 
        cellHeight={180}> 
        {props.flats.map((f, i) => { 
         <div key={i}> element </div> 
        })} 
       </GridList> 
      </div> 
     ) 
    }; 

当我渲染GridList控制它抛出异常

无法读取空的特性“道具”在GridList.js

查看从控制台下面。

Answer 1

我认为你需要从地图return孩子。 grid.js抱怨其child为undefined。

​​