How to create dynamic route which may or may not have a route? React router

Question

I need to create route which dont a have route...but In some situation this route can have a dynamic data

Example in some situation is

www.test.com/home

When can be

www.test.com/home/1

/1 is id.

I need this dynamic route

Check this related questions https://stackoverflow.com/questions/57058879/how-to-create-dynamic-routes-with-react-router-dom — Akshay Gohil, Aug 29 '22 at 09:24
So you are saying the same route should work for /home and /home/1 ? — Mridul Gupta, Aug 29 '22 at 09:24
@MridulGupta yes same route should work for /home and /home/1. Is that impossible ? — Cinovates, Aug 29 '22 at 09:27
@Cinovates it's possible, what version of react-router are you using? — Mridul Gupta, Aug 29 '22 at 09:37
Checkout this answer https://stackoverflow.com/questions/40541994/multiple-path-names-for-a-same-component-in-react-router — Mridul Gupta, Aug 29 '22 at 09:44

Dmitriy Zhiganov · Answer 1 · 2022-08-29T09:32:32.253

You can use route /home for the main component and route /home/:id for the some-entity-component with id = :id. Or use only route /home/* for any routes started with /home

Usually it looks like:

const definitions  = [
  {
    Component: Entities,
    path: '/entities',
  }, 
  {
    Component: Entity,
    path: '/entities/:id',
  },
];

OR with one route

const definitions  = [
  {
    Component: Entities,
    path: '/entities/*',
  }, 
];

How to create dynamic route which may or may not have a route? React router

1 Answers1