使用React Router设置工作URL

文章/答案/技术大牛

发布

1回答

javascript、reactjs、url、react-router

我在设置react路由器时遇到了一些真正的问题，我真的很想得到一些建议。我有一个有多个页面的应用程序，我希望应用程序显示我在url上的页面，并能够通过url转到特定的页面。但我似乎就是不能让它工作。路由路径为：<Route path="/page/{:id}" component={Body} /> 它调用Body，这是我的主要类组件，大部分代码和逻辑都在其中。但是我见过的大多数线程和教程都使用useEffect或usePa

浏览 15提问于2021-09-05得票数 0

回答已采纳

1回答

如何将react-router设置为工作在本地主机和路径下的部署URL上

reactjs、react-router、webpack-dev-server、react-router-dom

我们已经设置了Jenkins，这样在任何分支上推送到这个存储库都可以在像jenkins.example.com/repo/branch/这样的url上看到。我现在正在尝试使用react-router设置路由import createBrowserHistory> 这在

浏览 0提问于2017-09-13得票数 0

4回答

如何在react-router中使用普通锚链路

javascript、anchor、reactjs、react-router

与非常相似:在使用react-router时，如何使用锚链接进行页面内导航？换句话说，当我使用react-router时，我如何实现下面的普通HTML？

浏览 3提问于2015-03-06得票数 38

3回答

Basename不能正常工作

react-router

我正在尝试使用一个带有react-router的基本名称作为文档中的。这是由于已被弃用。这是我现在所拥有的：import { createHistory } from'history'; var history

浏览 2提问于2016-06-18得票数 14

1回答

从React-Router使用推送时未调度操作-Redux甚至withRouter修复

reactjs、redux、router

将最新版本的React-Router-Redux与最新版本的React-Router-Dom和React-Router一起使用时，推送派单在特定情况下不起作用。以下是详细信息：版本："react-redux"："^5.0.7"，" react-router -dom"："^4.2.2"，react-router

浏览 2提问于2018-03-02得票数 0

5回答

如何在react应用程序中从package.json访问主页？

javascript、reactjs、react-router、react-router-dom

我创建了一个将由/example-path提供服务的react应用程序。我在package.json中这样定义它：到目前为止，它已经起作用了，但现在我想用react-router-dom添加路由，它错误地检测到/example-path是URL的一部分。>不幸的是，react-router-dom

浏览 2提问于2021-02-26得票数 4

1回答

在不同的选项卡中打开一个相对路径组件会打断页面。

javascript、reactjs

as Router, Route } from 'react-router-dom'正如下面提到的答案所示，我必须切换到哈希路由器，才能让它暂时正常工作。这个解决方案的唯一问题是，url看起来不干净，因为您的url中有一个“#”。我正在尝试使用浏览器历史来帮助解决这个问题，因为我读到了一些我需要这样做的地方。同时，如果有人对如何使它看起来更干净有建议，那将是非常有帮助的。更新代码 import

浏览 5提问于2020-04-19得票数 0

回答已采纳

2回答

如何在某人单击按钮时将其路由到页面: React

reactjs、twitter-bootstrap、jsx

据我所知，“链接”已经被“路由”所取代，我很难找到一个可靠的答案或解决方案。这是我到目前为止所拥有的

浏览 16提问于2021-11-17得票数 0

2回答

Reactjs:使用数组从导航栏进行路由

reactjs、routing、navbar

我实际上正在学习react，并且面临着一个问题，我真的不知道如何处理。我有一个创建导航栏的导航组件。它以前是一个OnePage，在我的页面中导航没有问题，但现在我想创建更多的页面。我的实际Navigation.js看起来像这样： import React, { Fragment } from "react"; <&#

浏览 13提问于2019-09-12得票数 0

2回答

如何从本地文件url访问react* app构建("file:///")，而不使用任何HTTP服务器？“)*

javascript、reactjs、react-router、single-page-application

我的要求是我必须通过加载本地文件URL来使用我的反应性SPA，如下所示而不用任何HTTP服务器。在这个场景中，它正确地使用HTTP服务器，但是在本地文件URL访问的情况下，只有初始组件正常工作，但是路由不能工作。：未能在“历史”上执行“pushState”：无法在原名为'null’和URL 'file:&

浏览 1提问于2019-01-24得票数 2

回答已采纳

2回答

URL入口和分页。React.Js，资料界面

javascript、reactjs、pagination、request、material-ui

我正在使用现成的解决方案分页的材料-UI。我的分页工作正常，当我更改页面时，表中的数据正在更改，但URL地址没有变化。我希望能够发送URL与一些param(如GET请求或其他什么)，显示特定页的表。我试着使用两种解决方案，但都不能满足我的需要import React from &

浏览 0提问于2020-12-07得票数 1

回答已采纳

1回答

为什么这个RequireJS shim不工作反应路由器？

requirejs、reactjs、react-router

我必须遵循垫片设置，但我仍然得到一个错误的反应-路由器没有得到一个适当的反应对象。 domReady: '.., 'react', 'react-router'], .../utils/withoutProperties react-router.js:1(anonymous function)

浏览 5提问于2014-09-14得票数 2

回答已采纳

1回答

React -如何防止< href>刷新

reactjs、onclick、router、preventdefault

我有一个链接到另一个无状态组件的。我有一个onClick侦听器，它调用一个调用e.preventDefault()的方法，但这只会在单击时使not链接到anywhere。 super(props, context);} <a href={/components/Button'} onClick={this.preventRefresh}>{n.componentName}</a>

浏览 2提问于2018-06-29得票数 1

2回答

如何根据当前url* / url片段呈现不同的消息*

reactjs、react-router、react-fragment

在这里，我要返回当前的反应： <React.Fragment> <CP.Snackbar />

浏览 8提问于2020-02-27得票数 6

回答已采纳

6回答

库中的React路由器问题-在<Router>之外使用元素

javascript、reactjs、react-router、react-router-dom

我正在创建一个包含react-router-dom依赖项的库。我在一些组件中使用了react-router-dom NavLink，例如，让我们将其命名为Header - Header.tsx export const Header = () => ( <NavLink to="/home">Home</NavLink>); 请记住，这只是一个示例，目的是理解

浏览 145提问于2021-09-06得票数 7

4回答

如何在反应性路由器中从url中删除散列

reactjs、react-router

我使用react路由器进行路由，我使用了hashHistory选项，这样我就可以从浏览器刷新页面，或者指定我现有路由的url，并在正确的页面上登陆。它运行良好，但我看到url中的散列如下：ReactDOM.render(( <Route path='/'' component={LoginPage} /> &l

浏览 6提问于2016-02-03得票数 39

回答已采纳

1回答

在redux应用程序中使用奇怪的字符串进行散列

javascript、reactjs、redux

我已经开始探索redux，在这个中，演示如下：

浏览 6提问于2017-07-23得票数 0

1回答

不在子目录下工作

reactjs、react-router

我使用创建-反应-应用程序的设置和项目结构。根据文档，我正在使用下面的技术来使react从子目录中工作 import { Switch, Link } from"react-ro

浏览 9提问于2022-08-07得票数 1

2回答

随机查询字符串出现在react-router中

reactjs、react-router

import React from 'react'; next we replace `<Child>` with `this.props.children` the router

浏览 38提问于2015-09-20得票数 16

2回答

Mac M1试图导入错误：“交换机”不是从“react路由器”导出的

reactjs、react-router

在Windows上，npm run start可以正常工作，但是npm run start在m1上会出现错误。Failed to compileAttempted import error: 'Switch' is notexported from 'react-r

浏览 17提问于2021-12-08得票数 2

点击加载更多