Как соответствовать пути React Router справа налево

Question

Использование React router (а точнее path-to-regex , от которого это зависит).У меня есть структура URL ниже, где мне нужно извлечь из URL и идентификатор, и слаг, и он отлично работает!

Однако в нашем фиде данных появились некоторые URL, которые вызвали некоторые проблемы:

<Route
    exact
    path="/:slug-v-:id/"
    component={({ match }) => {
        // http://example.com/this-is-a-url-v-42-12345/
        console.log(match.params.slug); // 'this-is-a-url'
        console.log(match.params.id); // '42-12345'
        console.log('It works!'); // 'It works!'

        // http://example.com/this-is-a-v-annoying-url-v-42-12345/
        console.log(match.params.slug); // 'this-is-a'
        console.log(match.params.id); // 'annoying-url-v-42-12345'
        console.log('It breaks :('); // 'It breaks :('
    }}
/>

Дополнительные -v- , которые появляются в слаге, нарушают параметры.Я хотел бы сопоставить путь в обратном направлении, т. Е. Справа налево, или использовать альтернативный метод, если это возможно.

Answer 1

Возможно, вы могли бы использовать path = "/: slug /: id /"