私は、以下のナビゲーションドロワーを定義している

Question

ナビゲーションドロワー内のリンクを有効にする方法：私は、次をクリックしたときにすることを望ん

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

：

<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" 
     /> 
    )} 
/> 

次は私のnavItemsのリストです対応するリンクが開いて、私は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>