Question

我只想看看将此React-Router 3代码转换为React Router 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

第一手

templates

将// from import { Router,Route, Redirect } from 'react-router'; // to import { BrowserRouter as Router,Route, Redirect } from 'react-router-dom';添加到路由列表。<Switch>组件不再是排他的。这意味着即使一条路由与当前URL匹配，也无法阻止同级路由组件匹配。用常规<Route>替换<IndexRoute>。要获得类似v3的行为，您必须在路线中添加 exact 道具

<Route>

如何将这个react-router3路由器转换为react-router4？

1 个答案: