react-router相关内容
我想在Reaction应用程序中显示这样的弹出窗口click here。简而言之,我希望在ReactJs中启动并打开电子邮件客户端。我当前使用的是一个简单的p标记:
Email US
我知道有一种方法可以这样使用mailto: Emai
..
在我刚刚开始的一个项目中,当url改变时,我应该隐藏一个元素。我搜索了一下,但没有找到有用的东西。 我想在URL未搜索时隐藏边栏。 感谢任何愿意帮我一把的人。 import React from 'react'; import { Routes, Route } from "react-router-dom"; import 'bootstrap/dist/css/bootstrap
..
我在这里使用的是REACT-ROUTER-DOM版本6.0.2,而&Render";道具不起作用,每次我到达路径标签路径中提到的url时,它都会向我抛出这个错误-";匹配的叶路径在位置";/addRecipe";没有元素。这意味着它将在默认情况下呈现为空值的,导致";空白";页面。有人能帮我解决这个问题吗 import './App.css';
..
我需要这个问题的答案:Render multiple components in React Router但对于较新版本的Reaction-Router-Dom(我使用的是v6.0.2) 旧版本的路由器DOM的工作方式如下: 而新版本如下所示:
..
在导航到ReactJS Web应用程序中的其他路线或页面之前,我正在尝试显示未保存更改的对话框。我尝试了与Stackoverflow不同的解决方案,但没有成功。大多数解决方案都与旧版本有关。我需要版本6.0.2(REACTION-ROUTER-DOM)。任何能在这方面帮助我的人都非常感激。 推荐答案 如何解决我的问题? 我没有降级,而是创建了两个自定义挂钩。 useCallbac
..
props.location.pathname和props.match.url有什么区别 在react-router-dom中? 从他们的DOCS:https://reacttraining.com/react-router/web/api/location match.url (字符串)URL的匹配部分。用于生成嵌套的%s 地点 用于匹配子元素而不
..
我正在尝试使用handleClick链接到内部页面,但它不起作用。如果我使用一个实际的URL,例如LinkUrl=‘https://google.com’,它将工作得非常好。但是我有一个问题,那就是LinkUrl只接受实际的链接。我如何将其链接到内部页面。我尝试导入页面以使用它,如您在此处所见,但不起作用。 import React from "react"; class Cardlist
..
我正在使用Reaction路由器,我有以下路由 现在,当我从应用程序转到‘http://localhost’时,它工作正常,但是当我导航到http://loc
..
我正在尝试升级以响应路由器V6(react-router-dom 6.0.1)。 以下是我的更新代码: import { BrowserRouter, Navigate, Route, Routes } from 'react-router-dom'; }
..
呈现JSX后,我正在尝试基于其他状态更新状态。 某些状态已更新,但有些状态未更新。 请考虑选中‘ComponentDidmount()’。我不知道发生了什么事! 为什么没有相应地更新它们? 我糊涂了! import React, { Component } from "react"; export class MathQuiz extends Component { con
..
目标:如果登录用户尝试手动转到/auth/signin,我希望将登录用户重定向到主页。 登录页面/组件: const Signin = ({ currentUser }) => { const [email, setEmail] = useState(''); const [password, setPassword] = useState(''); const
..
我正在使用带有打字脚本和样式组件的Reaction。我也在使用Material-UI库。我已经创建了样式素材-UI按钮,如下所示: import React from 'react' import styled from 'styled-components' import {Button, ButtonProps} from "@material-ui/core"; type Styled
..
安装react-router-dom,在显示许多警告消息后,它不会更新package.json文件。Package.json侧依赖项对象块中的文件未显示reac-router-dom版本信息。 反应路由器: npm i react-router-dom npm WARN saveError ENOENT: no such file or directory, open 'D:Linux
..
最近,我一直在开发一个从API获取数据和页面的Reaction应用程序。因此,我并没有创建、、等组件,而是在页面中间放置了一个组件。这是组件类,稍微简化了𝐼𝓌𝒶𝓈𝒿𝓊𝓈𝓉𝓉𝑜𝑜𝓁𝒶𝓏𝓎𝓉𝑜“𝓈𝒾𝓂𝓅𝓁𝒾𝒻𝓎𝒾𝓉𝒶𝒷𝒾𝓉”。 class Page ex
..
我使用带有useEffect钩子的Reaction上下文来设置包装整个应用程序的最外层组件中的变量。在我的应用程序内的一个子组件上,我使用history.push('/')路由回根目录。这不会触发对我的上下文变量的更新。这是意料之中的事吗?如果是,有没有更好的方法来更新我的上下文变量? 我正在使用react 16.14.0&;react-router-dom 5.2.0。 例如,
..
当我在路由外调用组件时,它工作得很好,但在路由内它不工作。 App.js文件为: import './App.css'; import Login from './Components/Login/Login'; import { BrowserRouter as Router, Switch, Route, Redirect } from "react-router-dom"; im
..
history.push("/dashboard")将url更改为/dashboard后,Dashboard组件为何未呈现? Gif showcasing the issue,如您所见,我必须手动单击刷新按钮才能触发重新渲染。 index.js import ReactDOM from "react-dom"; import Router from "./Router"; c
..
我需要使用Switch执行此操作,但上面给出了错误 我在上面发现了这个错误,然后我将交换机替换为路由,然后我在下面发现了这个错误。 App js import React from "react"; import './App.css'; import { Avatar, IconButton } from '@material-ui/core' im
..
我正在尝试学习‘Reaction-Router’,我正在做一个应用程序,它有一个输入字段,给你一个下拉列表,其中包含指向欧洲各种培训机构的链接,当你点击该链接时,它将呈现一个组件,在本例中为Station组件,并显示有关该站的更多详细信息。 对于该应用程序,我必须对外部API进行两次调用。第一种方法是找到训练实例并将其显示在下拉列表中。这是可行的,从那里我可以获得站点的名称并将其放在下拉列表
..
我有一个使用上下文的组件,但在更新上下文时不重新呈现。 App.tsx const AppContext = createContext({ isLoggedIn: false, hasUserLoggedInBefore: false, }); const useAppContext = () => useContext(AppContext); function App(
..