沃梦达 / 编程问答 / 前端问题 / 正文

如何在ANTD设计菜单中添加自定义图像/图标？

沃梦达教程前端问题

2022-01-01

How to add a custom image/icon in ANTD Design menu?(如何在ANTD设计菜单中添加自定义图像/图标？)

本文介绍了如何在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设计菜单中添加自定义图像/图标？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！

沃梦达教程

本文标题为：如何在ANTD设计菜单中添加自定义图像/图标？