加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

我可以在react-router中设置基本路由

发布时间:2020-12-15 20:55:51 所属栏目:百科 来源:网络整理
导读:假设我的应用程序的基本URL是example.com/app 是否可以在react-router中设置基本路由,而不是将所有路由都写为 /app/a/app/b/app/c 我可以将它们指定为 abc 我尝试了我在docs中找到的以下示例,但它不起作用(页面不会显示任何内容)。也许是因为我正在使用rea
假设我的应用程序的基本URL是example.com/app

是否可以在react-router中设置基本路由,而不是将所有路由都写为

/app/a
/app/b
/app/c

我可以将它们指定为

a
b
c

我尝试了我在docs中找到的以下示例,但它不起作用(页面不会显示任何内容)。也许是因为我正在使用react-router@3.0.0-alpha.1,或者我做错了什么。

import { useRouterHistory } from 'react-router'
import { createHistory } from 'history'

const history = useRouterHistory(createHistory)({
  basename: '/app'
})

const Root = ({store}) => (
    <Provider store={store}>
        <Router history={history}>
            <Route path='/' component={App}>
                ...
            </Route>
        </Router>
    </Provider>
)
使用最新的 react router (v4),您可以轻松完成此操作
<BrowserRouter basename="/calendar"/>
<Link to="/today"/> // renders <a href="/calendar/today">

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读