gpt4 book ai didi

reactjs - 为什么在 useEffect 的依赖数组中需要 history

转载 作者:行者123 更新时间:2023-12-05 01:57:28 25 4
gpt4 key购买 nike

在下面的示例中,我使用了history 来重定向一些链接。

const history = useHistory()
useEffect(() => {
history.push(`/my/link`)
}, [])

然后 React 提示缺少依赖项 history。我不明白为什么 history 可以成为这里的依赖项。它不是 state 变量或来自 props。如果我将 history 添加到依赖数组中,它会导致无限调用 useEffect 吗?因为 historyhistory.push(/my/link) 发生时被改变。

const history = useHistory()
useEffect(() => {
history.push(`/my/link`)
}, [history])

我的理解对吗?

最佳答案

同时 history不是直接的状态变量(从您的组件的角度来看)也不是 Prop ,它是钩子(Hook)的输出,因此很可能在钩子(Hook)内保持状态。此外,穷举依赖规则不仅适用于 state 和 prop 变量,还适用于任何值可能发生变化的变量。

如果你想避免无限重新渲染,你可以只输入 history.push在你的依赖数组中或者只取 push来自 history并直接使用它并输入 push在依赖数组中。示例:

const history = useHistory();
React.useEffect(() => {
history.push("/my/link");
}, [history.push]);
const { push } = useHistory();
React.useEffect(() => {
push("/my/link");
}, [push]);

或者,对于这个特定示例,您可以考虑使用 <Redirect> 组件而不是 history.push .

关于reactjs - 为什么在 useEffect 的依赖数组中需要 history,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/69307939/

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