如何在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='...' />。它应该工作。