javascript - 在React Router中查询参数

我正在使用React Router＆我有一个嵌套的路由，其中​​包含一个名为?q的查询参数，并且我的路由代码如下所示：

<Route path="/" component={TopNavContainer}>
    <Route path="search?que=:q" component={SearchContainer} />
</Route>

但是当我尝试以http://localhost:8000?q=machine的方式访问我的路线时
它只加载父容器TopNavContainer的内容。

任何帮助表示赞赏。

问候
维巴夫

最佳答案

也可能是您忘记渲染与父主组件内的路径更改相对应的任何子组件，在您的情况下为TopNavContainer。

import React, { Component } from 'react';

export default class TopNavContainer extends Component {

    render() {
        return (
            <div className="topNavContainer">
                {this.props.children}
            </div>
        );
    }
}

关于javascript - 在React Router中查询参数，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/39653731/