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) 前进一级

  •