要使用state属性设置Antd菜单项,可以按照以下步骤进行操作:
npm install antd
import React, { useState } from "react";
import { Menu } from "antd";
import { MailOutlined, AppstoreOutlined } from "@ant-design/icons";
const [current, setCurrent] = useState("mail");
const handleClick = (e) => {
setCurrent(e.key);
};
export default function App() {
// state和回调函数代码
// ...
// 菜单组件代码
// ...
}
完整的示例代码如下:
import React, { useState } from "react";
import { Menu } from "antd";
import { MailOutlined, AppstoreOutlined } from "@ant-design/icons";
export default function App() {
const [current, setCurrent] = useState("mail");
const handleClick = (e) => {
setCurrent(e.key);
};
return (
);
}
通过以上步骤,你可以在Antd菜单项中使用state属性来设置菜单项。