React material-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控件时，它会抛出异常

  

无法阅读属性＆＃39;道具＆＃39; GridList.js中的null值

从下面的控制台查看。

Answer 1

我认为您需要return来自地图的孩子。 grid.js抱怨其child为undefined。

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