如何在reactrouterv2.+中从URL获取参数

How to grab params from URL in react-router v 2.+

本文关键字：URL 获取 参数 中从 reactrouterv2      更新时间：2023-09-26

我需要获取一个键表单URL的值。假设URL是http://localhost:8080/foo=bar.如何使用in-react路由器获取值"bar"onEnter函数，以便它可以用于触发其他函数。

提前谢谢。

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 
                }
            }
        ]
    }

onEnter函数接受两个参数。nextState和transition。您要查找的值位于nextState.params:内部

onEnter: function(nextState, transition) {
    let bar = nextState.params.bar;
}
相关文章：