React---编程式导航/声明式导航

声明式导航

通过NavLink来实现路由跳转的导航

编程式导航

通过js来实现路由的跳转

import { Component } from "react";
​
export default class News extends Component {
    render() {
        return (
            <div>
                <button onClick={this.handleClick}>点击去课程</button>
            </div>
        )
    }
    handleClick = () => {
        console.log(this.props)
        this.props.history.push('/course')
    }
}

history对象的常用方法

• push路由跳转，push里面传递的参数和NavLink中的to属性和参数是一样的

• go(num) 前进或后退num及级

• goBack() go(-1) 后退一级

• goForword() go(1) 前进一级

•