如何在react-materialize中添加Navbar中的图像？

Question

我在ReactJS中有以下代码，我在其中使用react-materialize for UI。

import {Logo} from './logo.png';
<Navbar brand='logo' right>
 <NavItem href='get-started.html'>Getting started</NavItem>
 <NavItem href='components.html'>Components</NavItem>
</Navbar>

如何用图像替换品牌？我尝试了以下方法：

• 品牌= {}标志
• SRC = {}标志

但它不起作用。有解决方案吗？

解决：

使用HTML div声明变量，如下所示：

var Img = <img src={ImportedImage}/>

并进一步将其分配给Navbar上的品牌，如下所示：

<Navbar brand={Img} ...../>

brand={Logo}不起作用的原因是它不是HTML图像格式，因此在Web浏览器上显示随机文本。