如何添加我自己的Svg圖像就像標誌默認顯示在創建React應用程序

Question

我有一個乾淨的創建反應應用程序安裝，我想添加我自己的SVG圖像顯示，以同樣的方式該標誌所示即：

import logo from './logo.svg'; 

{logo} 

然而，當我輸入我自己的SVG作爲標誌是進口的，並嘗試使用同樣的方式，它打印一個url像這樣在屏幕上：

/static/media/menu.92677579.svg 

相反或渲染圖像，有人可以幫我解決這個問題嗎？

Answer 1

當您編寫{logo}時，您只需嵌入一個URL即可。 如果要顯示圖像，請使用<img>標籤，如默認模板does。

<img src={logo} alt="My logo" /> 

希望這會有所幫助！