導航到其他路線時清除redux狀態

Question

我的login.js中有此密碼，我嘗試使用錯誤的密碼來觸發它。

{this.props.msg && <MessageBanner content={this.props.msg} />}

但是，當消息出現時，我嘗試導航至signup.js，該文件也具有相同的功能

{this.props.msg && <MessageBanner content={this.props.msg} />}

該消息不會消失。 或者我在signup.js頁面中，使錯誤出現，我在瀏覽器上單擊回來，該錯誤沒有消失。

無論如何在使用react-router導航時清除狀態？

Answer 1

聽起來您需要正確設置“切換”系統才能顯示此錯誤消息...

您的MessageBanner是否有關閉按鈕？ 如果是這樣，您將希望附加一個

onClick={this.setState=({toggleErrorMessage: !this.state.toggleErrorMessage})}

//點擊反轉時，此this.state.toggleErrorMessage當前是什么... //因此，如果當前為true，則單擊后為false。

然后，您可以做更多類似的事情。

{this.state.toggleErrorMesage ? this.props.msg && <MessageBanner content={this.props.msg} /> : undefined }

//如果toggleErrorMessage為true，則顯示味精和橫幅...