如何從反應路由器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; 
}