使用react-router-dom重定向react中的onclick事件

文章/答案/技术大牛

发布

3回答

如何在Reactjs中单击按钮时重定向到另一个页面

reactjs、react-router、reactjs.net

我想使用react创建一个基本的web应用程序。我已经实现了创建按钮。我想在单击按钮时重定向到另一个页面。下面是我的App.js代码import logo from './logo.svg';import React from "react</

浏览 7提问于2019-09-26得票数 2

回答已采纳

2回答

javascript、reactjs、react-router

我想使用<code>D0</code>转到我的react项目中的其他页面。我创建了一个这样的函数：然后我给其他组件做道具，像这样：这是我的btnDetalii组件当我点击按钮时

浏览 8提问于2019-12-03得票数 0

回答已采纳

3回答

this.props.history.push()似乎不再适用于React路由器v4，另一种选择是什么？

reactjs、redirect、react-router、react-router-v4

我刚开始使用redirecting，我所看到的关于使用Reactive路由器重定向的大部分教程似乎都使用了前面提到的片段。我试图实现的是重定向用户到我的网站的主页成功登录。我尝试过history.push，但根据我的谷歌搜索，它不再适用于路由器v4。我还能做些什么呢？我对有状态和无状态解决方案都持开放态度。用户用其用户名填充文本框。用户用他们

浏览 0提问于2019-06-08得票数 5

2回答

通过使用react-router-dom在React中单击按钮进行重定向

reactjs、react-router-dom

所以，我试着理解如何在我的应用程序中使用事件点击进行正确的重定向？我将react-router-dom重定向逻辑放入按钮event handler中，但它不起作用。import Preloader from '../Modules/Preloader

浏览 0提问于2018-04-11得票数 0

回答已采纳

1回答

使用卡片材料用户界面中的功能组件重定向到新页面

reactjs、material-ui

我想学习如何使用URentPage链接/路由器方法和onClick重定向到我的。我在我的UMainPage中创建了这张卡，我想把这张卡链接到我创建的页面上。我没有在URentPage.tsx中编写任何东西，只是编写了一个h1标记来测试页面重定向： export default function URentPage<e

浏览 0提问于2020-11-25得票数 0

回答已采纳

6回答

如何在类组件中使用反应性路由器-dom v6导航

javascript、reactjs

我安装了react router v6，我想使用一个基于类的组件，在以前的react版本中，路由器-dom v5 this.props.history()在做了一些事情之后为重定向页面工作，但是这段代码不适用于在react路由器-dom v6中，函数组件有一个钩子useNavigate，但是我需要在类基组件中使用它，请帮助我如何在类组件中导航？

浏览 6提问于2021-11-28得票数 21

15回答

我正在使用React和引导来开发一个web应用程序。当涉及到应用按钮onClick时，我很难让页面重定向到另一个页面。如果在href之后，我不能再读另一页了。那么，请您告诉我，是否需要使用react导航或其他使用Button onClick导航页面？import React, { Component } from 'react'; import { Button, Card, CardBody,

浏览 7提问于2018-06-01得票数 133

回答已采纳

1回答

react路由器-dom链接点击获取路径

reactjs、react-router、react-router-dom

当我单击<Link/>时，我试图处理路径，我需要使用e.preventDefault();来防止路由器内的动画，所以这是我的代码，基本上我无法捕获位置路径来更改历史目标：import { Link } from "react-router-dom"; export default class NavTransitions extends React.Co

浏览 0提问于2018-05-17得票数 1

回答已采纳

14回答

如何从React中的函数重定向到新页面？

reactjs、react-router

现在我在react中有了这个函数，我正在使用它返回登录，并检查重置我正在使用的localStorage值，而不是因为使用了它，我不能重置本地存储值。

浏览 1提问于2018-06-11得票数 24

1回答

使用React路由器的条件重定向

javascript、reactjs、redux

我有一个收藏夹按钮，如果一个未登录的用户点击它，他们应该被重定向到登录页面。此按钮如下所示： <Button onClick={() => addFavorite(card, props.loggedUser)我第一次尝试这样做： onClick={() => typeof props.loggedUser.id === "undefined" ?我也尝试过props.push历史，但我使用的

浏览 14提问于2019-12-18得票数 0

回答已采纳

1回答

在ReactJs中的href重定向之后加载页面中的组件

javascript、reactjs

在reactJs中，我的href链接到新页面。如何在该页面上加载另一个组件。import React, { Component } from 'react' render(){

浏览 6提问于2019-03-22得票数 0

3回答

我无法在React中实现重定向

reactjs、redirect、react-router

当某些条件返回null或false，但未触发重定向操作时，我希望重定向到主页。import { Link, Redirect } from "react-router-dom"; return <Redirect to="/" /> } 我将

浏览 17提问于2019-04-17得票数 0

回答已采纳

1回答

如何在ReactJS中重定向家庭

reactjs、redirect、dropdown、history

我有一个登录页面，我用受保护的路由器创建了它。登录成功，我将存储本地存储。我的问题是注销。因此，我有一个Navbar组件，其中有一个Logout下拉列表。</DropdownToggle> <DropdownItem tag="logout" onClickLogout</DropdownItem> </

浏览 0提问于2021-07-07得票数 0

2回答

如何重定向到函数中的另一个组件？

reactjs

在我的app.tsx中，我使用react-router-dom： <Switch> </BrowserRouter> 在每个组件中，我

浏览 14提问于2021-02-19得票数 0

1回答

异步/等待不等待代码块

javascript、reactjs、react-router-dom

嘿，我试图为React路由器做一个小的应用程序，我试图发送API请求(我没有后端，这就是为什么我使用承诺)，当我点击Link时，它是重定向，而不是等待我的异步/等待，你能告诉我我做错了什么吗？我首先认为我可以用道具来传递历史，然后但我的第二个想法是，如果我可以使用<Link，我将传递较少的道具(历史)。总之，我需要等到我的请求(承诺)完

浏览 5提问于2021-12-05得票数 2

回答已采纳

1回答

单击组件可导航到另一个页面

javascript、reactjs

我正在尝试创建一个具有可点击卡片的页面。每张卡都是一个组件。因此，作为用户，我应该能够单击其中一张卡，它会将您带到一个页面“CareerPage”。然而，我正在努力让每个卡的链接工作。Explore.js (这是包含所有卡片的页面)import CareerCard from './Explore'; render()

浏览 0提问于2020-03-16得票数 1

2回答

通过单击作为现有组件一部分的按钮，重定向到另一个组件

javascript、reactjs、react-router、jsx

我试图通过单击一个按钮来重定向到一个组件，该按钮是现有呈现组件的一部分。现在我希望当我点击按钮时，新的组件应该被渲染，现有的组件应该被隐藏(按钮也是如此)。) })} </table> ) } 而要呈现的组件是

浏览 10提问于2019-05-14得票数 0

3回答

如何在react路由器v4中点击按钮导航路径？

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

我在react-router-dom中有以下路径： <div> <Route path='/register' component={Registration}/></BrowserRouter> 一切都运行得很好，现在在我的组件中</

浏览 2提问于2017-07-03得票数 41

回答已采纳

1回答

重定向路由不会重定向到reactjs中的指定路由

javascript、reactjs、jsx

import React, { Component, useState, useEffect } from 'react';import { useDispatch, connect } from 'react-redux'; const SampleComponent = (props<div className='for

浏览 15提问于2021-06-26得票数 0

回答已采纳

10回答

试图导入错误：“useHistory”不是从“react路由器-dom”导出的。

reactjs、react-hooks

react路由器-dom版本： import React, { useState, Fragment } from 'react';import { Grid, makeStyles } from '@material-ui/core'; import { useHistory } from 'react-router-

浏览 15提问于2020-07-12得票数 244

回答已采纳

点击加载更多

如何在Reactjs中单击按钮时重定向到另一个页面