相关疑难解决方法(0)

使用react路由器以编程方式导航

随着react-router我可以使用Link元素创建的原生处理反应路由器链接.

我看到内部调用this.context.transitionTo(...).

我想进行导航,但不是从链接,例如下拉选择.我怎么能在代码中这样做?什么是this.context

我看到了Navigationmixin,但是我可以不用mixin吗?

reactjs react-router

1251
推荐指数
34
解决办法
63万
查看次数

在 react-router V4 中,如何以编程方式设置查询字符串参数?

与此处相同的问题,但针对 react-router 版本 4。

你如何以编程方式更新 react-router 中的查询参数?

这可能会被关闭,因为我没有任何代码可以显示,但是在 github 上他们说“询问堆栈溢出”,据我所知,它不在文档中。

reactjs react-router

3
推荐指数
1
解决办法
5121
查看次数

在 React Router v4 中以编程方式设置参数

在 React Router 4 中,我可以定义

<Route path="/calendar/:view/:year?/:month?/:day?" component={Calendar} />
Run Code Online (Sandbox Code Playgroud)

将道具从 URL 传递到我的日历组件。

在 Calendar 组件中,我想以编程方式设置 URL 参数。文档显示了如何使用 来执行此操作history.push(),但这需要您像history.push(``${view}/${year}/${month}/${day}``). 但我想在不耦合到路由结构的情况下更新 URL,理想情况下类似于history.push({ view: 'month', year: '2018' }).

这可能吗?我觉得 React Router 帮助将 URL 拆分为参数似乎很奇怪,但没有提供设置这些参数的好机制?

reactjs react-router

3
推荐指数
2
解决办法
8077
查看次数

在反应路由器中连接多个查询参数

我正在使用react-router-domv 5.2.0。我想在 URL 中添加多个查询参数,但我不确定如何完成它。我的路线是这样的:

<Route path="/admin/users" component={UserList} />
Run Code Online (Sandbox Code Playgroud)

我想传递多个查询参数,例如...

/admin/users?search=hello&page=1&user_role=admin
Run Code Online (Sandbox Code Playgroud)

目前我正在手动进行,例如...

/admin/users?search=hello&page=1&user_role=admin
Run Code Online (Sandbox Code Playgroud)

但是,使用此手动操作,我无法连接多个查询参数。有没有办法动态连接查询参数?它react-router-dom有自己的做这些事情的方式吗?

reactjs react-router react-router-dom

3
推荐指数
1
解决办法
4555
查看次数

标签 统计

react-router ×4

reactjs ×4

react-router-dom ×1