gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-03 13:25:35 25 4
gpt4 key购买 nike

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

示例:

#/detail/:id  =>  #/detail

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

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

最佳答案

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

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

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

关于reactjs - 当哈希更改并更改状态时如何重新渲染组件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38965807/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com