Как бы перевести этот маршрутизатор реагировать-маршрутизатор 3 на реакцию-маршрутизатор4?

Question

Я просто хочу посмотреть, какой самый оптимальный способ перевести этот код реакции-маршрутизатора 3 в реагирующий маршрутизатор 4

const router = (
    <Provider store={store}>
        <Router history={history}>
            <Route path='/' component={App}>
                <IndexRoute component={CardsGrid}> . </IndexRoute>
                <Route path='/view/:postId' component= . {Single}></Route>
            </Route>
        </Router>
    </Provider>
) 

Answer 1

Первый набор

// from
import { Router,Route, Redirect } from 'react-router';
// to
import { BrowserRouter as Router,Route, Redirect } from 'react-router-dom';

Добавить <Switch> в список маршрутов. Компоненты <Route> больше не являются эксклюзивными.Это означает, что даже если один маршрут соответствует текущему URL-адресу, ничто не мешает совместимому компоненту маршрута. Заменить <IndexRoute> на обычный <Route>.Чтобы получить v3-подобное поведение, вы должны добавить точную проп к вашим маршрутам

const router = (
    <Provider store={store}>
        <Router history={history}>
          <Switch>
            <Route exact path='/' component={App}>
               <Route exact component={CardsGrid}> . </Route>
               <Route exact path='/view/:postId' component= . {Single}></Route>
            </Route>
          </Switch>
        </Router>
    </Provider>
)