React路由重定向onClick

文章/答案/技术大牛

发布

6回答

javascript、reactjs、react-router

我一直试图在单击按钮时简单地重定向到另一个组件，但由于某种原因它不起作用。我想重定向到'/dashboard‘并显示登录时的AdminServices，如下所示： //index.js ReactDOM.render(<BrowserRouter><App /></BrowserRouter<Route path="/dashboard" component={AdminServices} /> <

浏览 70提问于2018-07-18得票数 10

回答已采纳

1回答

如何通过点击按钮在页面更改/重定向时显示React Toastbar？

reactjs

当一个按钮被点击时，我试图显示一个Toast成功消息，在按钮点击后，页面将重定向并显示toast消息。在第1页中： const toSecondPage = () => {}; <Button onClick={toSecondPage}></Button> 我可以重定向到/secondPage，但不知道如何在上面显示toast消息。

浏览 21提问于2021-05-10得票数 0

回答已采纳

2回答

如何从react-table中点击Table Row转到另一个页面？

javascript、reactjs、react-router、react-table

问题是，当我得到"onClick“事件时，我不知道如何使用'react-router‘进入另一个屏幕。我也不想使用"react-router“中的"link”函数，因为这个函数用蓝色突出显示了表中的单词。{(state, rowInfo, column, instance) => { onClick我应该使用react-router的什么功能？

浏览 48提问于2019-07-10得票数 2

回答已采纳

3回答

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

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

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

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

4回答

如何重定向到外部url onClick？在反应中

reactjs、typescript、redirect、react-router、external-url

我使用的是react路由器，这意味着我将路由存储在app.tsx文件中。我有卡片组件，需要重定向到外部url onClick。，所以我的问题是如何使用外部url示例重定向卡组件上的onClick：，并将两个查询字符串a=xxx和b=xxx提供给url。

浏览 7提问于2021-04-01得票数 4

回答已采纳

1回答

如何重定向到父组件

reactjs、typescript、redirect、react-router

嗨，我试着用React.Js和打字本做一个简单的CRUD例子.这是我的routes.tsx文件：import { Route } from 'react-router-dom';import { RouteComponentProps } from 'react-router'; import {

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

回答已采纳

3回答

react路由器-dom:更新url，但不呈现新组件。

reactjs、react-router-dom

我使用的是react dom-路由器5.2.0 import/history'; <React.StrictMode> <App /> <//

浏览 3提问于2020-05-21得票数 0

回答已采纳

2回答

如何在reactjs中通过<Link>使用onClick事件

javascript、reactjs

这是我的react代码： constructor(props){ super(props<Link to="/displaylist" style={{textDecoration:'none'}} key={index} onClick

浏览 0提问于2017-02-10得票数 0

1回答

如何使用react-router维护状态

reactjs、react-router、state

我有一个react应用程序，它有一个主App.js文件，用于保存我的初始状态。然后，我设置了一些路线来浏览我的应用程序。在其中一条路径中，我有一个按钮，当按下该按钮时，它会处理一个设置状态。我不知道为什么一旦我被重新路由到网站的另一部分，状态就不会得到维护。假设我使用的是react-router，这是否意味着我需要使用redux来处理应用程序的状态？

浏览 0提问于2018-10-10得票数 3

回答已采纳

1回答

使表行在单击时重定向到链接

javascript、reactjs、onclick、semantic-ui、react-router-dom

有一个有多行的tabe，当它被点击时，我想重定向到其他页面。import React from 'react';import { Redirect } from'react-router-dom'; key={myKey} onClick={() => <Re

浏览 28提问于2020-07-15得票数 0

2回答

如何在React中使用onClick()函数呈现不同的组件？

javascript、reactjs、onclick、buttonclick、conditional-rendering

我是新的反应和创造了一个Tic-Tac-脚趾游戏。我想创建一个包含三个选项的起始页面：

浏览 2提问于2021-11-05得票数 0

回答已采纳

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

回答已采纳

2回答

如何在登录按钮单击ReactJS后更改页面

javascript、reactjs、firebase、firebase-authentication

我也在使用Firebase和Firebase路由器)import React, {useState} from 'react' <button className = "button is-primary login" onClick

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

回答已采纳

9回答

如何用反应路由器重定向到另一条路由？

javascript、reactjs

我试图做一个简单的使用react路由器(版本^1.0.3 )重定向到另一个视图。import React from 'react'; router: Pr

浏览 18提问于2016-01-12得票数 160

回答已采纳

3回答

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

reactjs、react-router、reactjs.net

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

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

回答已采纳

13回答

React history.push()正在更新url，而不是在浏览器中导航到它。

history.js、react-router-v4

我读过很多关于react的东西--路由器v4和npm历史库，到目前为止，似乎都没有对我有帮助。在使用history.push()方法更改url时，我的代码正在按预期的方式工作，直到它应该导航并执行简单的重定向。URL正在更改为指定的路由，但不执行按钮按下的重定向操作。谢谢你，还在学习反应路由器. 我希望按钮按下可以在不使用{forceRefresh:true}的情况下进行简单的重定向，然后重新加载整个页面。import React from '

浏览 25提问于2017-03-22得票数 87

回答已采纳

9回答

React-router:如何手动调用Link？

javascript、reactjs、react-router

我是ReactJS和React-Router的新手。我有一个组件，它通过props接收来自react-router的<Link/>对象。to="/sample">Go To Sample</Link>... var Document = React.createClass<div ref="next&quo

浏览 268提问于2015-03-25得票数 156

回答已采纳

3回答

如何在导航到不同的页面之前执行onclick？

javascript、reactjs、onclick

我在React中工作，我有以下场景。<a href={link} variant="primary" onClick={this.onClickDoSomething}> here.</a> 现在，我希望onclick在链接被点击之前执行。然而，我认为这不会发生。如何解决这个问题？谢谢。

浏览 7提问于2019-04-23得票数 2

1回答