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

Cannot read property 'props' of null in GridList.js

从下面的控制台查看。

Answer 1

我认为您需要从地图上 return child。 grid.js 抱怨它的 child 是 undefined。

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

React material-ui，网格列表无法渲染网格项

React material-ui, grid list cannot render grid items

typescript

reactjs

material-ui