小编kay*_*tan的帖子

如何将 Docusaurus 中的动态路由与 React-router 集成

我有一个使用 Docusaurus v2 制作的网站,当前包含文档。但是,我想添加工作流程列表的页面,如果单击列表中的工作流程,将向用户显示该工作流程的其他详细信息的页面。目前它似乎docusaurus.config 正在处理大部分路由,但是有没有办法我可以添加动态路由,例如/workflows/:id?我制作了一个单独的独立应用程序,其中有一个 Router 对象,如果我的 App.js 如下所示,它就可以工作:

// App.js
import Navigation from './Navigation'
import {BrowserRouter as Router, Switch, Route} from 'react-router-dom';

function App() {
  return (
  <Router>
    <Navigation />
    <Switch>
      <Route path="/" exact component={Home}></Route>
      <Route path="/workflows" exact component={Workflows}></Route>
      <Route path="/workflows/:id" component={WorkflowItem}></Route>
    </Switch>
  </Router>
  )
}
Run Code Online (Sandbox Code Playgroud)

是否可以在 Docusaurus 中的某个位置添加路由器?谢谢!

javascript reactjs docusaurus

4
推荐指数
1
解决办法
3159
查看次数

标签 统计

docusaurus ×1

javascript ×1

reactjs ×1