Reactjs 反应材质ui，网格列表无法呈现网格项 导出接口FlatsGridProps{ 单位：IClusterFlats[]； } export const FlatsGrid:React.statelementComponent=（props:FlatsGridProps）=>{ 如果（props.flats.length==0）{ 返回（空）； } 返回( {props.flats.map（（f，i）=>{ 元素 })} ) };

当我渲染GridList控件时，它会引发异常

无法读取GridList.js中null的属性“props”

从下面的控制台查看

---

我想你需要

从地图中返回孩子。
grid.js
抱怨它的
子项
未定义

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>
        )
    };


{props.flats.map（（f，i）=>{
返回（元素）
})}
我想你需要
从地图中返回孩子。
grid.js
抱怨它的
子项
未定义

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>
        )
    };


{props.flats.map（（f，i）=>{
返回（元素）
})}
看起来您的错误不在显示的代码中。您确定正在显示使用
GridList.js:86
？GridList.js来自材质ui库。74行看起来您的错误不在显示的代码中。您确定正在显示使用
GridList.js:86
？GridList.js来自材质ui库。74线