Versi sebelum

react-router v4 mempunyai komponen tertib lebih tinggi yang dipanggil withRouter. Anda hanya perlu membalut satu lapisan apabila menentukan komponen modal anda sendiri.

Versi v4 belum digunakan buat masa ini, dan tidak jelas sama ada terdapat sebarang perubahan

import React from 'react'
import PropTypes from 'prop-types'
import { withRouter } from 'react-router'

// A simple component that shows the pathname of the current location
class ShowTheLocation extends React.Component {
  static propTypes = {
    match: PropTypes.object.isRequired,
    location: PropTypes.object.isRequired,
    history: PropTypes.object.isRequired
  }

  render() {
    const { match, location, history } = this.props

    return (
      <p>You are now at {location.pathname}</p>
    )
  }
}

// Create a new component that is "connected" (to borrow redux
// terminology) to the router.
export default withRouter(ShowTheLocation)

Selepas membungkus lapisan denganRouter, anda boleh mengakses atribut yang anda mahukan. Anda juga boleh mengkaji lebih lanjut untuk melihat apa yang ada di dalamnya.

Anda juga boleh menggunakan denganRouter dan mendapatkannya melalui this.props.location

import React, { Component } from 'react';
import { withRouter } from 'react-router'


class  MyComponent extends Component {

   .....
}

export default withRouter(MyComponent)