reactjs - 当哈希更改并更改状态时如何重新渲染组件

Question

我想监视哈希更改，然后更改状态并重新渲染组件。所以我想知道在哪里监控组件生命周期中的哈希变化

示例:

#/detail/:id  =>  #/detail

{info:[a:1,b:2]} => {info:[]}

.#/detail/:id 和 #/detail 是相同的组件

Answer 1

如果您希望组件具有事件监听器，则需要在 componentDidMount 中添加这些事件监听器，并在 componentWillUmount 中删除事件监听器。

componentDidMount() {
    window.addEventListener("hashchange", this.doSomething, false);
}

componentWillUnmount() {
    window.removeEventListener("hashchange", this.doSomething, false);
}