ReactJS 路由器选项和嵌套路由中的 splats

Question

我有以下嵌套路线：

createRoutesFromElements(<>                             
        <Route path="/:siteid/:route?/login/:cmd?/:id?" element={< LoginLayout/>}>       
            <Route ... />
            <Route ... />
            <Route path="/:siteid/:route?/login/:cmd?/:id?" element={< LoginPage />} />                                
        </Route>
        <Route...more routes />
    </>)
)

但我收到以下错误：

Absolute route path "/:siteid/:route/login/:cmd" nested under path "/:siteid/:route/login/:cmd/:id" is not valid.

只是为了澄清我想要做什么 - 我有几种不同的方法来获得相同的登录信息......我只想将它们全部路由到同一个地方：

例如：

/siteid/login 
/siteid/route/login
/siteid/route/login/forgot
/siteid/login/reset/1123

有一些例子

选项和splats仍然相当新。任何帮助都会很棒。

Answer 1

尝试下面的代码。我希望这会起作用。

createRoutesFromElements(<>                             
    <Route path="/" element={< LoginLayout/>}>       
        <Route ... />
        <Route ... />
        <Route path=":siteid/:route?/login/:cmd?/:id?" element={<LoginPage />} />
    </Route>
    <Route...more routes />
</>))

<Route path="/" element={< LoginLayout/>}>

这是根源。在 props

path

中，您放置的内容将成为您在根路线中添加的所有子路线的开始。

#快乐编码