2017-10-23 21 views
0

をクリックしたときに私は、ユーザは、ユーザが特定のページにナビゲートされ、ハンバーガーメニューをクリックしたときが、ユーザーである場合は現在、以下のシナリオが反応:閉じるハンバーガーメニューをリンク

を達成しようとしていますメニューからホームリンクをクリックすると、ハンバーガーメニューが開いたままになります。ユーザーが同じリンクをクリックしているのと同じページにいる場合でもメニューを閉じる/隠す/閉じたいたとえば、ユーザーがホームページにあり、メニューからホームリンクをクリックすると、メニューが閉じます。どのように私はあなたのアーキテクチャに応じて、この

onLinkClick(){ 
    this.props.onItemClick(this.props.name, this.props.link); 
} 

onItemClick:() =>{ 

}; 

<SomeDiv onClick = {this.onLinkClick} link={this.props.link}> 
    {this.props.name} 
</SomeDiv > 

答えて

2

つのオプションを達成することができます

  1. Reduxのを使用して、[ページへの引き出しをトグルし、onLinkClick

  2. でそれを閉じる機能を伝承]:ハンバーガー状態(開閉)を減速機に保ち、onLinkClickがアクションクリエーターをディスパッチして閉じます

+0

例を挙げることができます – userNotHere

関連する問題