如何在ANTD设计菜单中添加自定义图像/图标? [英] How to add a custom image/icon in ANTD Design menu?
本文介绍了如何在ANTD设计菜单中添加自定义图像/图标?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
使用本例:https://ant.design/components/layout/#components-layout-demo-side
如何添加自定义图像或图标而不是默认图标。
我已尝试:
<Menu.Item to="/" key="2">
<img className="ant-menu-item" src={require('image.png')} />
<span>Shopify</span>
<Link to="/shopify">Home</Link>
</Menu.Item>
但这看起来不太好或不尊重折叠行为
推荐答案
<Menu.Item to="/" key="2">
<img className="ant-menu-item" src=="{{ "image.png" | asset_url }}"/>
<span>Shopify</span>
<Link to="/shopify">Home</Link>
</Menu.Item>
这篇关于如何在ANTD设计菜单中添加自定义图像/图标?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文