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"應該正確顯示圖像。