一、 在你的react项目中安装react-router,我这里指定了版本号3.2.0,安装命令如下:
npm i react-router@3.2.0
二、 在项目的scr目录下创建一个文件夹,我这里取名为reactRouter,名字不是规定的,可以随便命名。然后创建文件如下:
app.jsx
import React from 'react';
// 引入路由Link组件
import {
Link} from 'react-router';
export default class App extends React.Component{
constructor(){
super()
this.state = {
}
}
render(){
return(
<div>
<ul>
{
/* a标签改成Link ,href变成to , 路径前面不用再加 # 号 */}
<li><Link to="/index">首页</Link></li>
<li><Link to="/list"