显示材料UI列表网格

Question

我正在尝试使用材质ui grid-list来显示图像。我尝试了在材料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>

        )