reactjs React Router V6:无法获取路由

wn9m85ua  于 2023-11-18  发布在  React
关注(0)|答案(1)|浏览(132)

我试图设置一些基本的路由,但当我试图导航到我的Drug链接,我得到了一个“无法获取{route}"。我不确定为什么会发生这种情况,如果有人能解释我应该做什么不同的,我会很感激。

// Router inside of App component

const router = createBrowserRouter(
    createRoutesFromElements(
        <Route path="/" element={
            <RxNormProvider>
                <Search />
            </RxNormProvider>
        }>
            <Route path="/info/:rxcui" element={
                <RxNormProvider>
                    <Drug />
                </RxNormProvider>
            }/>
        </Route>
    )
);
---
// Drug component

<Link to={`/info/${drug.rxcui}`}>
...
</Link>

个字符

**编辑#1:**新增webpack配置,我使用以下命令服务此应用:

"start": "webpack serve --config webpack/webpack.config.ts --env env=development --open"
env表示我们要部署到哪个环境中,但我没有将其包含在代码中,因为我认为它与问题无关。

mznpcxlj

mznpcxlj1#

事实证明,使用Routes并取消嵌套2个Route元素解决了这个问题。
我将不得不研究嵌套路由,但现在,感谢那些谁作出了贡献。

相关问题