react 路由使用（react-router-dom）

1.注册路由

<Switch>
	<Route path="/about" component={About}></Route>
	<Route path="/home" component={Home}></Route>
	<Redirect to="/about"></Redirect>
</Switch>

2.封装mylink

import React, { Component } from 'react'
import {NavLink} from 'react-router-dom'
import './css/index.css'
export default class mylink extends Component {
	render() {
		// console.log(this.props)
		const {title} = this.props
		return (
			<div>
				<NavLink className="nav_text" activeClassName="myul_li" {...this.props}>{title}</NavLink>
			</div>
		)
	}
}

3.使用组件

<Mylink to="/home/news" title="第一题"></Mylink>