转换在react路由器4中部分工作
在React Router 4中，路由转换是指在用户导航时，根据URL的变化，动态地加载和渲染不同的组件。React Router 4是React官方推荐的路由库，它提供了一种声明式的方式来管理应用程序的路由。
React Router 4的路由转换工作主要包括以下几个方面：
- 路由定义：在React Router 4中，路由定义是通过使用
<Route>组件来实现的。可以通过嵌套<Route>组件的方式来定义多级路由，从而构建出应用程序的路由层级结构。 - 路由匹配：React Router 4使用了一种基于路径匹配的方式来确定当前URL与哪个路由规则匹配。可以使用
<Switch>组件将多个<Route>组件包裹起来，只渲染第一个匹配的路由组件。 - 路由渲染：React Router 4提供了多种方式来渲染匹配的路由组件。可以使用
<Route>组件的component属性来指定要渲染的组件，也可以使用render属性来指定一个渲染函数，还可以使用children属性来渲染一个函数组件。 - 路由传参：在React Router 4中，可以通过URL参数和查询参数来传递参数给路由组件。URL参数可以通过在路由定义中使用
:来指定，查询参数可以通过<Link>组件的to属性或history.push方法的第二个参数来传递。 - 路由导航：React Router 4提供了
<Link>组件和history对象来实现路由导航。<Link>组件可以用于生成导航链接，history对象可以用于编程式导航。 - 路由守卫：React Router 4支持通过
<Route>组件的render属性或<Switch>组件的children属性来实现路由守卫功能。可以在路由渲染前后执行一些逻辑，例如验证用户权限、重定向等。
React Router 4的优势包括：
- 声明式路由配置：React Router 4采用声明式的方式来配置路由，使得路由配置更加清晰和易于维护。
- 灵活的路由匹配：React Router 4提供了多种路由匹配方式，可以根据具体需求选择最合适的方式。
- 组件化开发：React Router 4将路由规则和组件的渲染解耦，使得组件的复用和组合更加方便。
- 支持动态路由：React Router 4支持动态路由，可以根据不同的URL参数加载不同的组件。
React Router 4的应用场景包括但不限于：
- 单页面应用（SPA）：React Router 4适用于构建单页面应用，可以通过路由转换实现页面之间的切换和导航。
- 多级路由应用：React Router 4支持多级路由嵌套，适用于构建复杂的应用程序，例如管理后台系统。
- 移动应用：React Router 4可以与React Native结合使用，用于构建跨平台的移动应用。
腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：提供弹性、安全、可靠的云端计算服务，支持多种操作系统和应用场景。详情请参考：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版（CDB）：提供高性能、可扩展的云数据库服务，支持自动备份、容灾等功能。详情请参考：https://cloud.tencent.com/product/cdb
- 云存储（COS）：提供安全、稳定、低成本的云端存储服务，适用于图片、音视频、文档等各种类型的数据存储。详情请参考：https://cloud.tencent.com/product/cos
以上是关于在React Router 4中部分工作的完善且全面的答案。
相关·内容
我正在实验在一个角度应用程序中的react。我目前正在使用加载反应组件在我的角度应用程序。
我正在使用作为我的应用程序的一部分。我创建了另一个部分，并希望使用反应路由器以及。不幸的是，我遇到了问题，唯一能工作并被识别的路由器是我访问的第一个路由器。这是我观察到的。
当我的应用程序加载主页时，两个路由器都会加载。我怎么知道？我向路由器对象添加了一个属性，并在路由器创建的文件中添加了console.logged属性。
如果我先访问路由器A，路由器A工作！当我使用路由器B访问页面时，路由器B似乎不被识别，也无法工作，我收到了错误“警告:react路由器位置”"/RouteB“与任何路
浏览 4提问于2017-10-12得票数 0
1回答
我有一个反应路由器3的设置，很好地工作在嵌套组件。现在，当我试图在react路由器V4中做同样的事情时，我似乎无法让它工作。我读过几篇文章，包括一些文档，但仍然无法让它起作用。我首先在react路由器3中发布我的设置，然后我尝试了什么-路由器4。
React路由器3安装App.js
import { Router, browserHistory } from 'react-router';
import Store from './store';
import routes from './routes';
ReactDOM.render(
浏览 3提问于2017-06-26得票数 1
回答已采纳
我工作的公司目前正在试验他们的前端的更新版本。其中一项功能是一个独立的React应用程序，它以Rails API为基础。我们希望应用程序的一部分( React部分)使用react路由器而不是rails路由器。
有没有办法让我们能够将react应用程序作为自己的部分嵌入到应用程序中，同时仍然保持会话，并能够使用rails路由器作为rails组件，使用react路由器作为react组件。
浏览 4提问于2017-03-09得票数 0
回答已采纳
我正在用Django构建一个网站并做出反应，因为Django本身有一个路由系统，我不想放弃它，所以我决定不使用javascript路由库。
我用webpack来捆绑我的文件，但是由于我没有使用react路由器，有很多webpack入口文件，还有很多捆绑的文件(几乎每页一个)，我不确定这是不是‘正确’的方式。
由于每个页面都有一个javascript文件，所以不同页面之间的状态或其他东西并不是共享的，所以每个页面都是相互独立的。我可以有一些‘共享’的东西而不用反应路由器？
我知道Facebook本身和Airbnb也不使用react路由器，那么他们是如何使用react的呢？他们如何处理很多捆绑的文
浏览 3提问于2016-10-06得票数 0
回答已采纳
由于某种原因，我的导航无法工作我有另一个应用程序工作正常，但这个应用程序找不到错误请帮助 我做错什么了？我遵循了所有必要的步骤 React路由器不工作。React JS 我需要你的帮助。 使用react-router，我可以使用Link元素来创建由react路由器原生处理的链接。 它只是不停地滚动。我从不打开页面 import './App.css';
import { CarsConsumer } from './components/Context';
import Car from './components/Car';
import
浏览 13提问于2020-11-19得票数 3
回答已采纳
我是新来的反应和反应路由器。我正在使用React路由器v4，并遵循基于以前版本的教程--但我让它正常工作(使用在SO上找到的一些东西，在react路由器v4文档上使用的一些东西)。
不过，有一件事困扰着我。
我有一个url ，它基本上加载了所有bug的列表。但是我也有一些可能的urls，比如，它加载了一组特定的urls。
urls本身可以正常工作，并按预期的方式完成工作。
实际上，每当我输入 (或任何params)时，组件都会执行它们的工作，但是URL地址栏显示 (尽管呈现显示了与优先级和状态相关的所有内容)。
不知何故，URL地址栏被更改了，但我不明白为什么。
这是我的App.js
impo
浏览 8提问于2017-04-03得票数 4
我试图通过上下文传递路由器，以便在子navigateTo上调用React.Component。
目的：
当我成功登录时，我需要远离登录。
策略：
下载路由器到childe登录组件。
成功登录时，调用路由器上的navigateTo('/startpage')。
我在包含运行的页面/组件中有这样的内容：
Router.run(routes, function (Handler) {
React.render(<Handler/>, document.body);
});
以下上下文设置：
getChildContext() {
retur
浏览 8提问于2015-08-19得票数 2
3回答
我使用的是react.js，而不是nodes服务器。我需要一个路由的解决方案，但似乎react-router正在与node一起工作。如果不是，给我一些如何集成react路由器的例子。如果没有，我需要另一个与react一起工作的路由器。
浏览 0提问于2016-03-02得票数 8
1回答
React js组件在页面刷新和内部页面处于生产模式时不会呈现，但它使用相同的代码在开发模式下工作。
我正在使用React路由器V4，React js和Redux，Webpack。
class Router extends React.Component {
render() {
return (
<Provider store={store}>
<BrowserRouter>
<Switch>
<Route
浏览 4提问于2018-02-22得票数 0
2回答
未找到的组件总是呈现
、、、、
这是循环遍历路由文件的代码。在这里，我创建了路由器配置数组，从这里导出到app.js。
导入React，从“react”导入{ Component }；从“react路由器-dom”导入{ routes }；从“./routes”导入路由；类RouterConfig扩展组件{ render() { return (routes.map(路由) => { return (<路由key={ route.id } path={ route.path } exact={ route.exact } component={ route.component } /> )；} )；}导出
浏览 3提问于2017-10-05得票数 4
回答已采纳
1回答
我知道有一些关于这方面的帖子，但我正在使用和react路由器v4，除了我想要的是帮助使下面的代码正常工作。
export default class Layout extends React.Component<{ appState: AppState }, {}> {
render() {
return (
<Router children={appState}>
<Login appState={appState} />
<div className="main-content"
浏览 1提问于2017-04-09得票数 1
回答已采纳
React路由器v6.4引入了一种新的带有和的路由API。
在较早版本的Reactive路由器中，可以对使用Reactive路由器定义的路由进行包装，以启用页面转换。当提供位置和键的值时，Framer可以检测是否从组件树中添加或删除一个子元素，以显示开始和退出过渡动画。
反应前的路由器v6.4:
<AnimatePresence exitBeforeEnter>
<Routes location={location} key={location.pathname}>
<Route path="/" element={<HomePa
浏览 5提问于2022-10-25得票数 2
回答已采纳
我不知道如何得到干净的反应路由器url。
现在我要说的是：
http://localhost:8889/#/myRoute?_k=qq67x0
我想要这样做：
http://localhost:8889/myRoute
我应该设置一个特定的配置步骤来修复这个问题吗？
我就是这样初始化路由器的：
import { browserHistory, Router, Route, Link, IndexRoute } from 'react-router
这是我的渲染功能：
render((
<Router history={browserHistory}>
<Route
浏览 3提问于2016-01-01得票数 0
回答已采纳
我正在尝试使用react路由器设置模式路由。要让它工作，在显示模式的路由后面的底层路由不能有‘精确’参数。
有没有一种方法可以保持如下所示的当前路由功能，而不在Home路由上使用'exact‘？( Home组件将创建模式路由)即。是否有其他方法在react路由器中实现此路由(使用更多交换机等)？因此，我可以省略主路由中的“精确”，而所有内容仍然可以正确路由？
<BrowserRouter>
<Switch>
<MainLayout>
<Route exact path='/' co
浏览 14提问于2021-05-17得票数 0
尝试链接到与锚标签相同的页面，但由于我正在使用react路由器HashLocation，如下所示，路由器捕捉到它，阻止锚正常工作，此外还产生了“没有路由匹配路径”的错误。
Router.run(routes, Router.HashLocation, (Root) => { React.render(<Root/>, document.body); });
在下面的链接中也出现了同样的问题，提示使用"HistoryLocation“，但我想坚持使用"HashLocation”，而这些链接并没有提供具体的答案，因此需要帮助：
1) 2)
我想知道路由器中是否
浏览 0提问于2015-09-04得票数 0
1回答
目前，我正在使用NodeJS、Express、Flux和React以及用于客户端路由的Reactive路由器进行一个项目。
我可能对进程应该如何工作有错误的想法，但我目前正在尝试在成功登录后将用户重定向到主屏幕。不幸的是，我发现了很多React路由器的例子，它们都是针对1.0版的，现在已经不相关了，或者是在ES6中，我目前还没有在其中写作，所以我一直在尽可能地遵循示例，把事情联系在一起。
我的密码在下面-
// main.js
var React = require('react/addons');
var Components = require('./comp
浏览 2提问于2015-12-03得票数 0
回答已采纳
我是React的新手，今天我在react路由器上工作。我不清楚该使用哪条路线。我的选择是Rails路由或React路由器。它们之间有什么区别？
浏览 2提问于2016-03-14得票数 3
我使用的是“react路由器”："0.13.2“
我尝试使用react路由器transitionTo将查询字符串附加到页面，如下所示
router.transitionTo("home", {}, {"test":"test"});
它按预期追加?test=test，但我的页面也会刷新。
问题：，我想知道在url和中添加查询字符串是否会发生刷新？
还是我不应该使用transitionTo()？
浏览 5提问于2015-05-21得票数 1
我不断地收到这个错误，当使用带有类型记录和webpack的react路由器时。
JSX元素类型“路由器”没有任何构造或调用签名。
这就是我的路由器的配置方式。
import * as React from 'react';
import * as Router from 'react-router';
import { Route, IndexRoute, hashHistory } from 'react-router';
const Temp = () => {
return (
<div>
浏览 2提问于2016-10-28得票数 0
回答已采纳
1回答
与KOA反应路由器的同构反应
、、、、
我想在koa中创建一个应用程序，当用户点击地址栏时，它将呈现react组件，然后由一个react路由器客户端导航到呈现的react组件内部的链接中。这有可能吗？我希望最初的负载是搜索引擎优化友好。我还不能提供代码，但渴望听取大家的建议和答案。
这将是通缉的流程：
用户点击这台服务器(例如: localhost:3123/) -> KOA将呈现将要显示的react组件(该组件上有反应性路由器链接)->用户在链接中导航(这一次我不想再次访问服务器，因此我希望这边的react路由器触发路由。
通过客户端路由时的源代码是否不会改变并不重要，我想要的只是用户第一次访问服务器时初始响应组件的源
浏览 1提问于2015-07-27得票数 0
回答已采纳
我刚刚开始学习React，我想先创建一些导航条，为未登录的用户提供链接，然后再为日志用户创建链接，但我很难做到这一点。我的代码：
问题是，当我用路由器(来自外部routes.js)包装导航栏时，它根本不显示，但是如果我自己在url中输入/login或/signup，则路由工作得很好。另一方面，如果我注释掉路由器，就会显示navbar，但是路由不能工作。我读过关于LinkContainer的文章，但没有多大帮助。我假设因为navbar是用路由器包装的，所以它会被显示出来，并且链接会正常工作。我不想在App.js中有路由器，但是为了便于阅读，我想把路由器放在单独的文件中。我的package.jso
浏览 1提问于2019-08-04得票数 0
回答已采纳
版本。反应: 18.2.0反应-路由器-Dom: 6.4.3 @类型/反应-路由器-Dom: 5.3.3类型记录: 4.9.3
其目的是通过动态路由只显示页面所需的数据。
尝试用地图重复console.log中的数据，但不能正常工作。
我在这里要修什么？
import axios from "axios"
import { useState, useEffect } from "react"
import { useParams } from "react-router-dom"
interface ITypes {
id: numbe
浏览 1提问于2022-11-17得票数 -1
下面的React路由代码可能在React路由器v5中工作，但给出了React路由器v6中的以下错误
错误: Player不是<Route>组件。<Routes>的所有组件子组件必须是<Route>或<React.Fragment>
是否有可能更新路由/路由代码以使其在React路由器v6中工作？
function App() {
// Some stuff here...
const { players, offlinePlayers } = usePlayers();
return (
<ThemeProvid
浏览 8提问于2022-03-03得票数 3
回答已采纳
我正在使用新的useHistory钩子反应路由器，这是几个星期前出来的。我的反应路由器版本是5.1.2.我的反应是16.10.1版。你可以在底部找到我的密码。
然而，当我从react路由器导入新的useHistory时，我会得到以下错误：
Uncaught TypeError: Cannot read property 'history' of undefined
它是由反应性路由器中的这一行引起的。
function useHistory() {
if (process.env.NODE_ENV !== "production") {
!(type
浏览 8提问于2019-10-03得票数 56
回答已采纳
1回答
我有一个问题，导航阻塞在反应。
我使用React + Redux和React路由器。我一直在使用该组件，以防止在React中不完整的形式进行导航。只要导航在实际的反应范围内，它就能正常工作。但是，它没有阻止的是通过URL条目导航，或者单击外部超链接。
在React中是否有一种处理外部超链接和阻止React外部导航的公认方法？
浏览 3提问于2017-10-03得票数 4
回答已采纳
我们正在用dotnet编写一个带有Razor视图(纯后端堆栈)的项目。我们的计划是将每个视图移动到React，使用react-router-dom来处理客户机和服务器中的路由。
我们的想法是一页一页地移动，不要做大爆炸，因为这个项目已经在生产中了。
客户端路由器
import { Router } from 'react-router-dom'
import { createBrowserHistory, History } from 'history'
const history: History = createBrowserHistory({ basen
浏览 0提问于2019-08-08得票数 5
回答已采纳
我之前读到的关于React的一件事是，它比angular1更轻，如果你不需要路由器，你可以直接使用react查看视图。
有了angular2，你是否仍然需要使用路由器，或者如果你愿意，你可以像使用视图层一样按页面使用它？
浏览 0提问于2016-11-26得票数 1
我使用的是react路由器的最新版本(^3.0.0)。
我正在尝试使用onEnter钩子中止组件中的一个转换：
var AuthorPage = React.createClass({
statics: {
onEnter: function(nextState, replace, callback) {
replace('/');;
//hashHistory.replace('/');
}},...
当我使用onEnter钩子的替换方法时，它工作得很好(组件确实更改回了我的主要应用程序组件)，但是URL保持
浏览 5提问于2016-12-01得票数 0
我有一个bootstrap+react主题，它使用react路由器1.x和hashHistory，我想删除哈希，所以遵循这个。最初，我试图在拥有1.x版本的时候做到这一点，但我无法做到这一点，所以我决定将react路由器升级到2.x。安装了react-路由器2.x之后，这个应用程序工作了，因为它仍然在使用hashHistory，但是当我用browserHistory替换它时：
它显示了一个灰色的屏幕
应用程序的HTML中只有<noscript data-reactid=".0"></noscript>标记。
React Developer工具
浏览 1提问于2016-05-20得票数 4
当用户离开页面时，我使用react路由器-导航提示来显示一个模态窗口。但是，在更新了我的依赖项之后，我仍然得到了这个错误：
我尝试过将ref转发到子组件，但它似乎不起作用。这是我的代码：
import React from 'react';
import NavigationPrompt from 'react-router-navigation-prompt';
import { CancelChangesDialog } from './CancelChangesDialog';
import _ from 'lodash
浏览 2提问于2020-06-07得票数 3
2回答
所以我第一次尝试了react，我跟踪了文档，在路由器上我被困住了，当我使用开关时，我说“导出‘开关’(导入为' Switch ')在‘react路由器- dom’中没有找到，所以简单地说，我的路由器没有工作，我想要一个使它工作的方法，而且它也是react的最新版本，因为我昨天刚刚完成了这个项目。
import logo from './logo.svg';
import './App.css';
import Navbar from './components/Navbar';
import Form from './co
浏览 5提问于2022-02-06得票数 -1
我构建并部署了我的react应用程序。React只是在Github页面上显示了起始页面。当我试图切换404页错误时。带有Localhost的应用程序工作得很好。我不知道该怎么做。到目前为止没有什么帮助。我的代码如下：
package.json
{
"name": "HotelLiveDemo",
"homepage": "https://JakubSoldek.github.io/HotelLiveDemo/",
"version": "0.1.0",
"private&
浏览 2提问于2021-12-05得票数 0
回答已采纳
2回答
我知道有一个用React路由器进行测试的例子，但是我无法让它工作(我想是因为我使用的是react路由器V6)。
基本上，我需要路由器测试，因为我有使用useParams()获取部分url的details组件。没有它，我无法渲染组件。
这是我的尝试，使它工作(是的，这页也需要阿波罗，虽然它真的不需要redux)。
const AllTheProviders = ({children, initialRoutes}) => {
return (
<ApolloProvider client={client}>
<Provide
浏览 16提问于2021-12-31得票数 15
回答已采纳
我需要嵌入一个反应应用程序在另一个无反应网页。react应用程序使用react路由器进行导航。我已经成功地呈现了反应应用程序，但是路线不能正确工作。
设置
父页面域= test.com
嵌入式react应用程序使用的是3.x和hashHistory版本。
当我在react应用程序中使用一个路由时，路由器会将URL更改为test.com#/newPage。
，这是错误。我认为应该是test.com/#/newPage，而不是test.com#/newPage。如何配置react路由器以使用正确的url？
浏览 3提问于2018-03-11得票数 0
我正在编写一个react应用程序，它有4条路线。我使用的反应路由器导航到不同的路线。我的问题是，是否建议删除导航到不同路由时的redux状态？
浏览 1提问于2017-09-02得票数 1
回答已采纳
2回答
问题
任何用URL手动写入或由按钮触发的路由只呈现索引页(路由名称正在更改，页面的内容总是索引的内容)
App.js (处理应用程序中的所有主要功能)
// Exporting my router and passing all states/functions from App
<div className="App">
<Routes
........
........
浏览 3提问于2021-09-20得票数 1
react路由器中的Link和Route有什么区别？我们在哪里使用它们，或者我们一起使用还是单独使用？我在哪里可以找到真正的和专业的React web开发教程？
浏览 10提问于2018-06-12得票数 9
我想要创建一个反应路由器的过渡动画，但它似乎不工作(没有过渡)。
如下所示，我所做的就是创建一个组件FadeRoute，它使用ReactCSSTransitionGroup来创建一个动画，然后在react路由器-dom的交换机组件中使用它。
这里我的反应代码
import { BrowserRouter as Router, Switch, Route } from "react-router-dom";
import { browserHistory } from "react-router";
import ReactCSSTransitionGroup
浏览 0提问于2017-05-29得票数 2
回答已采纳
2回答
我目前正在使用一个非常常见的工作流开发一个简单的React应用程序，其中用户触发Redux操作，然后从API请求数据。但是，由于我想使这些操作的结果在URL中持久，我选择了React路由器v4来帮助我完成这项工作。
我已经看过了中的Redux集成注释，但是将history对象传递给Redux操作的想法对我来说并不是最优雅的模式。由于Redux和路由器状态更改都会导致React组件被重新呈现，我有点担心在这种情况下组件更新可能会有点失控。
因此，为了使重呈现更加可预测和有序，我提出了以下模式，试图遵循单向数据流原则：
在过去，由于用户与UI的交互，我会触发Redux操作，现在我调用React
浏览 1提问于2018-03-19得票数 1
我遵循这里给出的使用react路由器服务器端的示例：
与这个简单的路由器设置的匹配与给定的位置不匹配：
import React from "react"
import ReactDOMServer from 'react-dom/server'
import { Route, match, RouterContext, IndexRoute } from 'react-router'
const sampleRoutes = (
<Route path="/">
<IndexRout
浏览 10提问于2017-01-06得票数 1
回答已采纳
我正在尝试将我的应用程序从React 15.6迁移到React 16。目前使用的是React Router v2.8.1，无法编译版本，因为PropTypes出现错误。
TypeError: Cannot read property 'func' of undefined.
我知道在React 16中，PropTypes已经移动到单独的包中。
React路由器v4是否已经支持React 16 (光纤)？我应该更新它吗？
浏览 19提问于2017-07-31得票数 4
1回答
不确定这是否是React路由器v4、React阿波罗客户端或我的实现的问题。
但以<ApolloProvider>为顶级专案，即：
const ComponentsWithData = await getDataFromTree(
<ApolloProvider client={apolloClient}>
<StaticRouter location={ctx.request.url} context={route}>
<App />
</StaticRouter>,
</ApolloPro
浏览 2提问于2017-03-28得票数 1
考虑一下这个网络图：
📷
在这种情况下，路由器正在执行“动态PAT”(我使用的是思科的定义)，其中所有“真实”或“内部”地址都映射到我的ISP提供的单个外部地址。宿主192.168.1.20能牵引108.180.223.48到8.8.8.8之间的啤酒花吗？
在google上，我看到了无数的线程，表明如果您正确配置NAT和access --列表--那么很多人似乎都希望它能够工作--但我不认为这是可能的。原因如下：
拉塞鲁特依赖于在TTL为1的情况下将ICMP Time Exceeded数据包返回给ICMP回波或UDP数据包的发送方。当traceroute从192.168.1.20开始启动时，路由
浏览 0提问于2013-11-02得票数 6
回答已采纳
我使用preact-cli创建了一个Preact应用程序，并且需要将react-router-dom添加到我的项目中以进行路由。为了安装路由器库，我如何在不弹出应用程序的情况下向项目添加react路由器？
我见过添加webpack的选项，但这需要退出这个应用程序。
我在项目中将"preact-compat": "^3.19.0",添加到package.json中，但不确定如何添加webpack或导入必要的react路由器导入：
import {BrowserRouter as Router, Route, Switch, NavLink} from 'r
浏览 7提问于2021-11-19得票数 0
回答已采纳
我曾经历过几个类似的问题，但找不到有用的东西。我试图从react路由器引入BrowserRouter，但它说：
模块‘./节点_模块/@类型/反应-路由器’‘没有导出成员'BrowserRouter’
根据这里的另一个类似问题，我安装了npm的@type/ dev和@type/dev路由器，但将其保存为dev依赖项。它们已经在我的package.json中了，但作为常规的依赖项。在此之前，他们在做“反应”的进口反应时，也给出了类似的问题。它会说，这些模块是找不到的，同样的路由器。然后，当我安装时，这些错误消失了，但是BrowserRouter开始显示这个错误。我也试过“反应-路由器-多
浏览 0提问于2019-09-11得票数 4
回答已采纳
我试着用反应性路由器和反应过渡组来激活我的路线。我有我的动画开关组件，动画之间的切换组件。
import React from 'react';
import { Route, Routes} from 'react-router-dom';
import { CSSTransition, TransitionGroup } from 'react-transition-group';
const AnimatedSwitch = ({ animationClassName, animationTimeout, children }) =>
浏览 3提问于2022-08-12得票数 0
回答已采纳
1回答
我在我的一个项目中使用了react路由器，所以react是前端库，路由由react路由器管理，后端视图在django中，apis在django rest中。
所以我查看了react路由器文档，然后我发现：-
配置您的服务器您的服务器必须准备好处理真正的URL。当应用程序第一次在//加载时，它可能会工作，但是当用户导航并点击刷新时，您的web服务器将收到/accounts/23的请求。您将需要它来处理该URL，并将您的JavaScript应用程序包含在响应中。
我想知道如何处理django视图。
浏览 2提问于2016-06-09得票数 4
回答已采纳
我正在寻找的解决方案，在路由与反应-路由器和redux分页。
React路由器在onEnter钩子中不触发回调，如果只是查询更改，Router.run方法就不推荐了，所以我有点困惑。除了手动订阅location.change或使用react的生命周期钩子(如willReceiveProps )之外，还有其他事情要做吗？
浏览 4提问于2015-11-12得票数 6
回答已采纳
我是新的反应，并正在学习如何正确地使用反应路由器与反应所有的一起。如您所知，React路由器被分为三个包:react路由器、react路由器-dom和react路由器-原生包。因此，在默认情况下，反应路由器和反应路由器都有反应路由器.问题是，反应路由器和本机反应路由器都包括反应路由器，那么为什么要将反应路由器作为单独的包呢？
浏览 5提问于2019-10-27得票数 2
回答已采纳
2回答
我刚开始使用React，不能让路由器工作。下面是路由器的代码。如果我在没有路由器的情况下使用各个组件，它们就会显示在屏幕上。但是使用路由器，我不会在屏幕上看到任何路径上的文本。
如果我遗漏了什么，请告诉我。以下是代码：
import { Route } from 'react-router-dom';
import AllMeetupsPage from './pages/AllMeetups';
import NewMeetupPage from './pages/NewMeetup';
function App() {
return
浏览 3提问于2021-12-31得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
