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 />绝对是反应本机组件，正如我从语法中看到的那样，您从一些反应本机示例或教程中复制了这段代码，而所有其他标签都是html ...也许你应该最好尝试使用简单的<img src='...' />。它应该工作。

如何在ReactJS中将本地图像用作按钮图标？

1 个答案: