如何使用React Component在UI中显示svg图标（.svg文件）？

如何使用React Component在UI中显示svg图标（.svg文件）？

如果图像是远程托管的，则可以直接将

.svg

扩展名与

img

标记一起使用。

ReactDOM.render(  <img src={"http://s.cdpn.io/3/kiwi.svg"}/>,  document.getElementById('root'));

这是小提琴：http
:
//prepen.io/srinivasdamam-1471688843/pen/ZLNYdy?
editors=
0110

注意：如果使用任何Web应用程序捆绑程序（如Webpack），则需要具有相关的文件加载器。