GridTile（Material-ui）不显示图像

Question

class App extends Component {

render(){
    return (
        <div className="App">
            <MuiThemeProvider>
                <div>
                    <GridList cellHeight={100}>
                        {this.props.data.map((cat) => (
                        <GridTile key={cat.photo} title={cat.title}>
                            {console.log(cat.photo)}
                            <img src={cat.photo} alt={cat.photo}/>
                        </GridTile>))}
                        <GridTile key="wiam.jpg" title="joijoiji">
                            <img src="wiam.jpg"/>
                        </GridTile>
                    </GridList>
                </div>
            </MuiThemeProvider>
        </div>
    );
}

}

“ wiam.jpg”是我复制到整个项目文件夹中的图片，但没有显示，但是当我使用指向外部网站上图片的绝对链接时，没有任何问题。

我应该将图像放在服务器的什么位置才能显示？

Answer 1

我有一个类似的问题。 material-ui组件中的图像是从“公共”目录中分发的。 因此，如果您具有/public/images/wiam.jpg ，则src="images/wiam.jpg"应该正确显示图像。