如何激活导航抽屉中的链接

Question

我定义了以下导航抽屉：

<Drawer
    id="homepage-drawer"
    type={Drawer.DrawerTypes.TEMPORARY}
    visible={visible}
    position={position}
    overlay
    clickableDesktopOverlay={true}
    onVisibilityToggle={this.handleVisibility}
    navItems={item}
    defaultMedia={'desktop'}
    onClick={this.handleAction.bind(this)}
    header={(
        <Toolbar
            nav={isLeft ? null : closeBtn}
            actions={isLeft ? closeBtn : null}
            className="md-divider-border md-divider-border--bottom"
        />
    )}
/>

以下是我的导航项列表：

const item = ["About", "Contact Us", "FAQ", "Privacy Policy", "Logout"]

我希望每当我单击以下选项卡时，相应的链接都应该打开，我正在尝试使用 onClick 事件执行此操作，但没有任何反应。

Answer 1

创建一个字典，如下所示：

const dictionary = {
     about: {
         name: "About",
         link: "/about"
     },
     contact : {
         name : "Contact Us",
         link : "/contact_us"
     },
     faq : {
         name : "FAQ",
         link : "/faq"
     },
     privacy : {
         name : "Privacy Policy",
         link : "/privacy_policy"
     },
     logout : {
         name : "Logout",
         link : "/logout"
     }
}

然后在数组上运行 for 循环并返回，

<a href = {dictionary.about.link}>{dictionary.about.name}</a>