Question

我有点新的反应并且正在使用React-Router v4开发应用程序。问题出现的时候，我点击了基于链接的生成组件，它将带我到另一个页面使用在网址中传递的参数，但页面显示为空白。

这是我的链接标记：

return storedArray.map((url,index) =>
            <Link to={'/dashboard/siteInfo/' + url.pid + '/' + url.cid}  className="list-group-item list-group-item-action hover" key={index}>
                <div className="media">
                    <div className="media-body">
                        <strong>{url.pid}</strong>
                        <div className="text-muted smaller">{url.submitted_on}</div>
                    </div>
                </div>
            </Link>
        );

和我的路由器代码：

<Router>
            <div>
                <NavBar />
                <div className="content-wrapper">
                    <div className="container-fluid">
                            <Switch>
                                <Route  path="/dashboard/siteInfo/:pid/:cid" render={ props => <SiteInfo {...props} />} />
                                <Route exact path="/dashboard/urls/:pid/:cid" component={Urls}  />
                                <Route exact path="/dashboard/queue/:pid/:cid" component={Queue}  />
                            </Switch>
                    </div>
                </div>
            </div>
</Router>

我通过点击 - http://localhost:8080/dashboard/siteInfo/opensenselabs/2

点击了网址

对此主题的任何帮助将不胜感激。感谢

将params传递给React Router不通过链接

0 个答案: