Как обрабатывать смесь необязательных параметров Route и фиксированных подчиненных маршрутов с помощью React-router

Question

Я пытаюсь создать конфигурацию маршрута, которая имеет комбинацию необязательных параметров маршрута и различных фиксированных маршрутов. Нечто подобное:

routes =[
    {
      path: "category/:categoryId?", component: ...
    },
    {
      path: "account",
      component: Account,
      routes: [
        {
          path: "account/profile",
          ...
        },
        {
          path: "account/history"
          ...
        }
      ]
    }
]

Здесь, в случае «account/profile» и «account/history», я могу передать компоненты, поскольку они обрабатываются различными компонентами,

, но в случае "category/:categoryId?" изменится только значение параметра, следовательно, можно использовать тот же компонент, но параметр необязательный. Теперь я не могу понять, как я могу использовать эту конфигурацию для создания маршрутов, как описано здесь: ReactTraining