如何将React应用迁移到React Router以便从路径中检索参数

Question

我有一个功能齐全的React Web应用程序，现在有一个新要求，即根据URL后缀加载单独的图像。似乎为了从路径中检索任何信息，我需要有一个React Router App。在那儿 - - 答：一种轻松迁移到React Router的方法，这样我就可以使用this.props.location.pathname？ 或B：另一种无需迁移到React Router即可检索路径名的方法。

谢谢。

Answer 1

仅使用react-router来做到这一点就太过分了。您可以使用window.location.pathname轻松检索URL路径。您应该在将路径名设置为state的位置上设置一个侦听器，然后将其传递给需要它的组件。

  window.addEventListener('locationchange', function(){
         console.log('location changed!');
  }