如何在mobx-router中传递多个可选参数

时间:2019-04-08 20:02:13

标签: javascript reactjs routing

在react路由器中,我们可以传递可选参数'/:param1?/:param2?'。但是,当我尝试在mobx路由器中传递多个参数(如以下示例中的“ / home /:action?/:code?”)时,它没有加载我的组件。但是,它可以与单个参数一起正常工作,即'/ home /:action?'

这是示例代码。

import React, { lazy } from 'react'
import { Route } from 'mobx-router'
const LazyRoute = ({ Component, ...props }) => <Component {...props} />

const routes = {
  home: new Route({
    path: '/home/:action?/:code?',
    component: <LazyRoute Component={lazy(() => import('../home'))} router={router} />,
  }),
}

export default routes

0 个答案:

没有答案