要创建一个Antd水平菜单栏,你需要使用Menu和Menu.Item组件。下面是一个示例代码:
import React from 'react';
import { Menu } from 'antd';
const HorizontalMenu = () => {
return (
);
}
export default HorizontalMenu;
在这个例子中,我们首先导入了Menu组件和Menu.Item组件。然后,在Menu组件中,我们设置了mode属性为horizontal,以创建一个水平菜单栏。然后,我们在Menu组件内部使用Menu.Item组件来定义菜单项。每个菜单项有一个key属性和显示的文本内容。
你可以根据需要自定义菜单项的数量和样式。你还可以添加其他属性,例如onClick来处理菜单项的点击事件。
最后,你可以将HorizontalMenu组件在其他组件中使用,例如在你的应用程序的顶部导航栏中。