import React, { useState } from "react"; import { Layout, Card, Text, ExternalLink, Menu, NavMenu, } from "@tencent/tea-component"; import { Badge } from "../../badge"; const { Header, Body, Sider, Content } = Layout; const icon = /** @type {[string, string]} */ ([ `https://via.placeholder.com/16.png?text=icon`, `https://via.placeholder.com/16/006eff/444444`, ]); export default function LayoutWithInnerSiderExample() { const [selected, setSelected] = useState("overview"); const [subSelected, setSubSelected] = useState("overview"); const getMenuItemProps = id => ({ selected: selected === id, onClick: () => setSelected(id), }); const getSubMenuItemProps = id => ({ selected: subSelected === id, onClick: () => setSubSelected(id), }); return (

总览 } />

FREE} title="二级菜单" {...getMenuItemProps("2-2")} /> console.log("back"), }} > FREE} /> 说明文字带颜色说明文字 } operation={内容帮助} /> {/* 内容区域一般使用 Card 组件显示内容 */} 内容卡片 ); }