react-router-bootstrap LinkContainer 组件失败并出现 TypeError (0 , _reactRouterDom.withRouter) is not a function答案

【问题标题】：react-router-bootstrap LinkContainer component fails with a TypeError (0 , _reactRouterDom.withRouter) is not a functionreact-router-bootstrap LinkContainer 组件失败并出现 TypeError (0 , _reactRouterDom.withRouter) is not a function
【发布时间】：2021-12-24 01:08:21
【问题描述】：

我一直在使用 react-router-bootstrap 反应库中的 LinkContainer 一段时间，但目前在我导入它时它会抛出此错误：

TypeError (0 , _reactRouterDom.withRouter) 不是函数

我在 codesandbox 上的 here 上有我非常简单的反应应用程序

请帮我调试一下。

【问题讨论】：

从 react-router v6 开始，withRouter 被移除。请参阅upgrade-guide - 随着升级到 v5.1，您应该将 withRouter 的任何用法替换为钩子
好的，如果我遇到任何问题，我会寻求你的帮助@Brian Thompson

标签： javascript reactjs routes react-router react-router-bootstrap

【解决方案1】：

你必须选择，要么降级你的 react-router-dom 版本（到 v5.3.0），所以方法 withRouter 将再次可用（由 react-router-bootstrap 使用）或者你关闭 react-router-bootstrap 和使用 useNavigate Hook：

const navigate = useNavigate();
...
<Nav.Link onClick={() => navigate('configuration')}>

【讨论】：