javascript 我怎样才能使常见组件的antd菜单？

kq4fsx7k 于 5个月前发布在 Java

关注(0)|答案(1)|浏览(75)

我想让antd菜单通用组件从我将导入antd菜单在我的Menu.js组件和whenever我想使用antd菜单我将导入我的menu.js组件，而不是antd菜单，但在这个结构中，我得到了一个错误
这是我的menu.js

import React from 'react';
import { Menu as AntMenu } from 'antd';


const Menu = ({items, ...extraAttributes }) => {
  return (
    <AntMenu
      items={items}
      {...extraAttributes}
    />
  );
}
export default Menu;

字符串
但是现在我怎么能使用menu.Item，menu.SubMenu和Menu.ItemGroup呢？因为我没有在我的组件中导出或返回，我怎么能编写menu. js，使我的组件与ant一样呢？我的意思是menu.Item，menu.SubMenu和Menu.ItemGroup可以通过从我的Menu. js组件导入来使用。
我尝试出口

import { Menu as AntMenu } from 'antd';
const { SubMenu, Item, ItemGroup } = AntMenu;

export { Menu, SubMenu, ItemGroup, Item };

型
它仍然不为我工作

JavaScript

来源：https://stackoverflow.com/questions/77741850/how-can-i-make-common-componet-for-antd-menu

1条答案

按热度按时间

vql8enpb1#

将它们分配到菜单

const Menu = ({items, ...extraAttributes }) => {
  return (
    <AntMenu
      items={items}
      {...extraAttributes}
    />
  );
}

const { SubMenu, Item, ItemGroup } = AntMenu;

Menu.SubMenu = SubMenu
Menu.ItemGroup = ItemGroup
Menu.Item = Item

export default Menu

字符串
现在你可以

import Menu from "path/to/my/menu"

function Comp() {
  return (
    <Menu>
      <Menu.Item>Item</Menu.Item>
    </Menu>
  )
}

型

赞(0）回复(0）举报 5个月前

我来回答

javascript 我怎样才能使常见组件的antd菜单？

1条答案

相关问题

热门标签

最新问答