Question

我需要获取关键表单URL的值。假设网址为http://localhost:8080/foo=bar。如何在react-router中获取值'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 
                }
            }
        ]
    }

Answer 1

onEnter函数有两个参数。 nextState和transition。您要查找的值在nextState.params：

内

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

如何在react-router v 2. +中从URL中获取params

1 个答案: