Next-routes: Optional params

Created on 1 May 2018 · 4Comments · Source: fridays/next-routes

Is there a syntax for optional params?

// Commonly used syntax
Router.add('pageID', '/page-path/:optional1?/:optional2?')

Did I miss something in the docs or just have not thought of an implementation to achieve this?

Source

jchiellini

Most helpful comment

Adding ? is indeed the answer. https://github.com/fridays/next-routes/issues/86#issuecomment-323854224 This works with multiple optional params.

routes.add({
  name: 'some-cool-route',
  pattern: '/foo/bar/:id/:banana?/:anchovy?/:lemon?',
  page: 'superpage',
})

Router.pushRoute('some-cool-route', {
  id: 'asdf',
  lemon: 'boop',
})

reergymerej on 5 Nov 2018

👍8

All 4 comments

Why did you close it @jchiellini ?

mmiszy on 8 May 2018

👍4

Hi @jchiellini,

Could you provide the answer?

I'm facing the same issue. I tested multiple solutions from path-to-regexp but I'm not able to match the route with two optionals parameters in the row.

Thanks!

DonovanCharpin on 7 Oct 2018

Adding ? is indeed the answer. https://github.com/fridays/next-routes/issues/86#issuecomment-323854224 This works with multiple optional params.

routes.add({
  name: 'some-cool-route',
  pattern: '/foo/bar/:id/:banana?/:anchovy?/:lemon?',
  page: 'superpage',
})

Router.pushRoute('some-cool-route', {
  id: 'asdf',
  lemon: 'boop',
})

reergymerej on 5 Nov 2018

👍8

Adding ? always matches the index route

.add({
    name:'/',
    pattern:'/:country?/:lang?',
    page:'index'
})
.add({
    name:'our-firm',
    pattern:'/:country?/:lang?',
    page:'our-firm'
})

On navigation to http://localhost:3000/en/our-firm it opens index page but it should open our-firm