如何从反应路由器V2中的URL抓取参数。+

Question

我需要获取关键表单URL的值。假设网址是http://localhost:8080/foo=bar。如何通过在react-router中获取输入函数上的'bar'值，以便它可以用来触发其他功能。

预先感谢您。

URL: http://localhost:8080/foo=bar 

// routes.js 

var React = require('react'); 
var ReactRouter = require('react-router'); 
var Main = require('./templates/main.jsx'); 
var Sub = require('./templates/sub.jsx'); 

module.exports = { 
     path: '/', 
     component: Main, 
     indexRoute: { component: Main }, 
     childRoutes: [ 
      { 
       path: '/foo=:bar', 
       component: Sub, 
       onEnter: function(){ 
        // *****************************  
        // grab the value 'bar' from param 
       } 
      } 
     ] 
    } 

Answer 1

onEnter函数有两个参数。 nextState和转换。您正在寻找的数值在nextState.params之内：

onEnter: function(nextState, transition) { 
    let bar = nextState.params.bar; 
}