Question

说我有很多路线，我想将它们分成几组。我如何在Reach Router中实现此目的？

我基本上要完成的示例：

const Router = () => {
    return (
        <Router>
            <AnonymousRoutes />
            <SecureRoutes />
        </Router>
    );
};

const AnonymousRoutes = () => {
    return (
        <>
            <Page1 path="1" />
            <Page2 path="2" />
        </>
    );
};

const SecureRoutes = () => {
    return (
        <>
            <Page3 path="3" />
            <Page4 path="4" />
        </>
    );
};

Answer 1

编辑：因此，我的回答是基于对您的问题陈述的误读。我以为我读了react-router，没有到达路由器。我道歉。

因此，使用片段正是您可能应该做的。但是，React Reach目前不支持片段。一线希望，似乎很快！

https://github.com/reach/router/pull/289

~~如果我正确理解了您的问题，我认为您正在寻找的是{@ 3}来自react-router。~~

switch组件使开发人员可以分割出他们的路线并在路径上呈现特定的内容。

它可能看起来像这样：

import { Switch, Route } from 'react-router' <Switch> <Route exact path="/" component={Home}/> <Route path="/about" component={About}/> <Route path="/:user" component={User}/> <Route component={NoMatch}/> </Switch>

使用到达路由器在同一路由器中分割路由

1 个答案: