react 路径跳转组件不跳转_react ---- Router路由的使用和页面跳转

React-Router的中文文档可以参照如下链接：

首先，我们打开已经构建完成的React项目目录，本人采用的是VScode编辑器

我们删去src目录下的所有文件，创建index.js文件，内容如下：

import React from 'react';

import ReactDOM from 'react-dom';

import App from './App';

ReactDOM.render(, document.getElementById('root'));

然后创建App.js文件，内容如下：

import React from 'react';

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

import Home from './Home';

import Page1 from './Page1';

import Page2 from './Page2';

import Page3 from './Page3';

class App extends React.Component {

render(){

return(

)

}

}

export default App;

在上方的import中，载入了  BrowserRouter as Router   和  Route，其意思就是从react-r