反應：單擊鏈接時關閉漢堡菜單

Question

我正在嘗試實現以下方案

當前，當用戶單擊漢堡包菜單時，該用戶將導航到特定頁面，但是當用戶在主頁上並單擊菜單中的主頁鏈接時，則漢堡包菜單保持打開狀態。 我想關閉/隱藏/關閉菜單，即使用戶在單擊相同鏈接的頁面位於同一頁面上也是如此。 例如：如果用戶在主頁上並單擊菜單中的主頁鏈接，則菜單應關閉。 我該如何實現

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

onItemClick: () =>{

};

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

Answer 1

兩種選擇取決於您的體系結構：

1. 傳遞將抽屜切換到頁面並在onLinkClick其關閉的onLinkClick

2. [使用Redux]：將漢堡包狀態（打開/關閉）保留在減速器中，然后從onLinkClick調度動作創建者以將其關閉