React組件圖像問題

我的圖像組件實際上並未放入圖像，URL正確，因爲我可以通過將HTML添加到頁面中來添加它。該組件似乎失敗了。我嘗試了我在http://facebook.github.io/react/docs/jsx-in-depth.html#attribute-expressions 找到的，但它沒有幫助。React組件圖像問題

export default class mainLogo extends React.Component { 
    render() { 
    return (
     <div> 
     <img src = {'/src/app/assets/images/home/mainLogo.png'}/> 
     </div> 
    ); 
    } 
}

來源

2016-02-05 joseph.allen

你爲什麼不把src網址像往常一樣的屬性，就像這樣： –

這是多麼我以前做過，並沒有呈現。只是給了 '' –

我已經解決了它現在實際上，在另一個文件，我導入我沒有'進口mainLogo從'../Components/mainLogo.js ';'和React組件需要以Capital開頭。我如何關閉它？ –

類名應該以大寫字母（MainLogo）開頭，因爲您要將img url直接發送到src，所以不應該在src上使用{}。這不是一個變量或狀態。

這應該工作：

export default class MainLogo extends React.Component { 
    render() { 
    return (
     <div> 
     <img src='/src/app/assets/images/home/mainLogo.png' /> 
     </div> 
    ); 
    } 
}

來源

2016-02-05 18:49:08 KadoBOT

React組件圖像問題

回答

相關問題