Можно ли использовать переменные с регулярным выражением в path react-router?

Question

[bdFregat]

Собственно есть рабочий код:

<Route path='/section/:id(\d+)' component={EditSection} />

И его нерабочие аналоги:

<Route path={'/section/:id(\d+)'} component={EditSection} />

const pathVariable = '/section/:id(\d+)';
<Route path={pathVariable } component={EditSection} />

Путь без регулярки (\d+) отрабатывает в обоих случаях, с регуляркой не работает с фигурными скобками

В чём принципиальная разница между передачей параметра через строку и через фигурные скобки? Почему в одном случае регулярка отрабатывает, в другом нет?

Answer 1

[bdFregat]

В итоге проблема оказалась в том, что фигурные скобки экранируют, в отличие от записи через кавычки. Решение оказалось максимально простым, написать \\d вместо \d.

Answer 2

[Павел Диденко]

Потому что регулярное выражение нужно экранировать, вы его передаете сейчас как просто строку. Попробуйте перейти по id с символами регулярного выражения, у вас должен будет открыться компонент EditSection.

Загляните сюда Регулярные выражения несколько глав - и вы разберетесь со своей проблемой

Comments

[bdFregat]

В таком виде получаю сообщение в консоли "Failed prop type: Invalid prop `path` supplied to `Route`".

Опять таки, я ведь в обоих случаях передаю строку, с фигурными скобками или без, а результат выполнения разный.

[Павел Диденко]

bdFregat, а какая цель вообще? Опишите вкратце ситуацию и приведите пример URL, по которому хотите отображать компонент