React后台传递Icon渲染

最新推荐文章于 2024-02-20 17:45:00 发布

Noushi

最新推荐文章于 2024-02-20 17:45:00 发布

阅读量548

点赞数 1

文章标签： react.js html5

本文链接：https://blog.csdn.net/weixin_43443325/article/details/120081022

版权

import * as Icon from "@ant-design/icons";

{navArray.map((item) => {
  return (
    <Menu.Item key={item.icon}>
      {React.createElement(Icon[item.icon], {
        className: "header-nav",
      })}//动态Icon
      {item.typeName}
    </Menu.Item>
  );
})}

=======================================

{navArray.map((item) => {
  return (
    <Menu.Item key={item.icon}>
      {React.createElement(Icon[item.icon], {
        style:{ fontSize: '16px', color: '#ccc' },
      })}//动态Icon
      {item.typeName}
    </Menu.Item>
  );
})}

特此记录一下