Javascript 显示物料UI列表网格

我正在尝试实现材质ui网格列表以显示图像。我尝试了在材料ui官方页面上给出的代码，但我看不到网格。这是我的密码

 return (
            <div className={c.container}>
                <AddFileButton
                    openFileUpload={this.openFileUpload.bind(this)}
                    fileUploadIsOpen={this.state.fileUploadIsOpen}
                    openLoading={this.openLoading.bind(this)}
                    loadingIsOpen={this.state.loadingIsOpen}
                    updateImageURLS={this.updateImageURLS}
                    imageURLS={this.state.imageURLS}
                />
                <div style={styles.root}>
                    <GridList style={styles.gridList} cols={2.2}>
                        {this.state.imageURLS.map((x,i) => (
                            <GridTile
                                key={x}
                                                   >
                                <img src={x} />
                            </GridTile>
                        ))}
                    </GridList>
                </div>
            </div>

        )

返回(
{this.state.imageURLS.map（（x，i）=>(
))}
)

cols={2.2}

对我来说很奇怪-它应该是一个整数值（列数）。请尝试

cols={2}

并查看它是否有效。图像正在显示，但当ImageURL的状态更改时，网格会将默认图像图标（html）而不是实际的新图像添加到列表中。原因是什么？这听起来像是将url添加到列表中的函数有问题。可能您的url未定义？请

console.log（this.state.imageURL）

查看所有URL是否正确。