小编Lak*_*ain的帖子

我想为React Router v4中的某些路径创建一个前缀,例如v1在我的应用程序版本1的所有路径前面.这是我尝试过的:

<BrowserRouter>
  <Switch>
    <App path="v1" >
      <Switch>
        <Route path="login" component={Login} />
        <Route component={NotFound} />
      </Switch>
    </App>
    <Route component={NotFound}/>
  </Switch>
</BrowserRouter>

这是App:

import React, { Component } from 'react';
import logo from '../Assets/logo.svg';
import '../Assets/css/App.css';

class App extends Component {
  render() {
     return (
       <div>
         {this.props.children}
       </div>
     );
  }
}

export default App;

目前我正在使用这种方法,但它似乎没有工作.当我去http:\\localhost:3000\v1\login它时显示NotFound组件.这里有什么帮助？