如何在ReactJS中使用本地圖像作爲按鈕圖標？

Question

我是新的反應js。目前在嘗試將本地圖像用作按鈕的默認圖標時遇到麻煩。但沒有運氣。

var NavigationBar = React.createClass({ 
    render: function(){ 
     return (
     <aside style={{float:"left",background:"#9999FF", height:"200px"}} class="navclass"> 
     <ul> 
        <li><a href="#">Templates</a> 

         <ul> 
         //<form onSubmit={this.handleSubmit}> 
         <button><a href="#"><Image source={require('./template1.png')} style={{width:"28px", height:"28px"}}></Image>Template1</a></button> 
         <button><a href="#"><Image source={require('./template2.png')} style={{width:"28px", height:"28px"}}></Image>Template2</a></button> 
         //</form> 
         </ul> 
        </li> 
        <li><a href="#">Figures</a></li> 
        <li><a href="#">Text</a></li> 
        <li><a href="#">Background Color</a></li> 
        <ImageUpload/> 
      </ul> 
      </aside> 
     ); 
    } 
}); 

Answer 1

對不起，你在說什麼，React或React-Native？

<Image />定義了react-native組件，正如我從語法中看到的那樣，您從某個反應本機示例或教程中複製了這段代碼，並且所有其他標記都是html ...也許您應該更好地嘗試使用簡單的<img src='...' />。它應該工作。