在 umi max 中配置 routes 时如何使用自定义 icon？

[mist0616]

在 umi max 中配置 routes 时如何使用自定义 icon？

[mist0616]

刚刚自测运行时 layout 配置 menuDataRender 可以解决？但好麻烦，请问有更好的解决方案吗？

[fz6m]

参考 layout 对 icon 支持的实现 src/.umi/plugin-layout/runtime.tsx ：

export function patchRoutes({ routes }) {
  Object.keys(routes).forEach(key => {
    const { icon } = routes[key];
    if (icon && typeof icon === 'string') {
      const upperIcon = formatIcon(icon);
      if (icons[upperIcon] || icons[upperIcon + 'Outlined']) {
        routes[key].icon = React.createElement(icons[upperIcon] || icons[upperIcon + 'Outlined']);
      }
    }
  });
}

自己在 src/app.tsx 里用 patchRoutes 仿照着 patch 一下，把 icon 改成 react component

[mist0616]

参考 layout 对 icon 支持的实现 src/.umi/plugin-layout/runtime.tsx ：

export function patchRoutes({ routes }) {
  Object.keys(routes).forEach(key => {
    const { icon } = routes[key];
    if (icon && typeof icon === 'string') {
      const upperIcon = formatIcon(icon);
      if (icons[upperIcon] || icons[upperIcon + 'Outlined']) {
        routes[key].icon = React.createElement(icons[upperIcon] || icons[upperIcon + 'Outlined']);
      }
    }
  });
}

自己在 src/app.tsx 里用 patchRoutes 仿照着 patch 一下，把 icon 改成 react component

好的，感谢

[Eliot00]

可以用icons功能了 #13396