react-router 配置为什么无效？

Question

异常的

http://localhost:3000/1 页面空白
http://localhost:3000/2 页面空白

import React from 'react';
import Page1 from './views/page1'
import page2 from './views/page2'
import {
  BrowserRouter as Router,
} from "react-router-dom";

const routers = [
    {path: '/1', component: Page1},
    {path: '/2', component: page2},
]


export default class App extends React.Component {
  render(){
    return (<Router routes={routers}></Router>)
  }
};

正常的

http://localhost:3000/1 页面正常
http://localhost:3000/2 页面正常

import React from 'react';
import Page1 from './views/page1'
import page2 from './views/page2'
import {
  BrowserRouter as Router,
  Route,
} from "react-router-dom";
export default class App extends React.Component {
  render(){
    return (<Router>
      <Route path="/1" component={Page1}></Route>
      <Route path="/2" component={page2}></Route>
    </Router>)
  }
};

---

请问第一种方法为什么不行？

文档： https://react-guide.github.io...

Answer 1

因为你在用2.0文档写 4.0 以后的路由，4.0 的文档：react-route-doc.这两个版本的使用方式在很多地方蛮多不同的，好好参考一下就行。