如何通过 React 自定义 Hook 动态更新面包屑导航？

本文共计855个文字，预计阅读时间需要4分钟。

原文解释为：

在 React 中，组件（及自定义 Hook）的重渲染仅由状态（state）或属性（props）变更触发，而非普通变量的赋值。您当前代码中将 override 定义为模块级顶层变量（let override: string | undefined = ''），并通过 overrideBreadcrumb() 直接修改它——这虽然改变了变量值，但不会通知 React 重新执行 useEffect 或更新 breadcrumbs 状态，因此 <Breadcrumbs pages={breadcrumbs} /> 始终显示旧数据。