React: когда пользователь посещает с другой URL - перенаправить его на правый URL

Question

для наших страниц деталей мы маршруты созданы

/d/:id 

проблема в том, что многие внешних страницах имеют свои старые идентификаторы и ссылки на их страницы, например /old/:id

Как я могу перенаправить их на правильные маршруты в нашем приложении? Проблема в том, что они идентифицируют внешние страницы, а не те, которые мы используем прямо сейчас. Но у него уже есть массив отображения для этих перенаправлений.

Итак, как лучше всего реагировать? пользователь приходит от /old/:id(:-slug) -> goto /d/:id с новым идентификатором.

благодарит заранее.

Answer 1

Немного более подробно, и представляя, что ваш массив отображение выглядит следующим образом:

var mapping_array = [{ old_id: 1, new_id: 2}, {old_id: 2, new_id: 3}] 

вы можете попробовать следующее:

var redirects = mapping_array.map(function(mapping) { 
    return <Redirect from={'/d/' + mapping.old_id} to={'/d/' + mapping.new_id} /> 
}); 

, а затем когда вы указываете свои маршруты, добавьте:

<Router> 
    ... //existing routes and configuration 
     {redirects} 
</Router> 

Answer 2

Вы можете использовать Redirect компонент внутри среагировать-маршрутизатора, как описано в документации:

https://github.com/ReactTraining/react-router/blob/master/docs/API.md#redirect