当前位置: 首页 > 知识库问答 >
问题:

如何从reactjs中的另一个类组件重定向到一个类组件

堵宏毅
2023-03-14

我知道我们在函数组件中使用history.push(),并对重定向路由做出反应。但是在类组件中,我们如何在点击按钮时重定向

function onSubmit(){
console.log("Cannot use usehistory in this function as this is a class component")
}

//Link is not working in below code

<Link to ="/login">
<Button onClick={this.onSubmit}>Submit</Button>
</Link>

共有1个答案

汝楷
2023-03-14

如果您想使用历史记录,可以使用“react router”提供的路由器高阶组件。您只需要导入{withRouter}

import {withRouter} from 'react-router';

并将组件导出到按钮所在的位置,如下所示:

export default withRouter(Component);

现在您可以通过道具访问hitory对象。(本。道具。历史)

 类似资料:
  • 问题内容: 我有两个组成部分。我想从第二个组件中调用第一个组件的方法。我该怎么做? 这是我的代码。 第一部分 第二部分 问题答案: 你可以做这样的事情 使用静态

  • 问题内容: 我是ReactJS和JSX的新手,下面的代码有一些问题。 我试图将多个类添加到每个属性: 我的React组件是: 问题答案: 当确定(不)使用的类需要大量逻辑时,我使用类名。一个 过于简单的例子 : 就是说,如果您不想包含依赖项,那么下面会有更好的答案。

  • 问题内容: 我是ReactJS和JSX的新手,下面的代码有一些问题。 我试图将多个类添加到每个属性: 我的React组件是: 问题答案: 当确定(不)使用的类需要大量逻辑时,我使用类名。一个 过于简单的例子 : 就是说,如果您不想包含依赖项,那么下面会有更好的答案。

  • 问题内容: 我是React的新手。希望使用单独文件中的少量组件来开发应用程序并将其导入到我的App.js中 我尝试过但无法弄清楚我在做什么错。 这是我的html: 这是我的App.js :( 来自js /目录) 这是我的MyComp.js (来自js / components /目录) 如果我这样尝试,我什么也看不到。而如果我在App.js中创建类,则它就像一个魅力。 有什么建议我在做什么错? 问

  • 问题内容: 我是Java的新手,但是碰到了砖墙。我想从另一个类访问GUI组件(已在一个类中创建)。我正在从一个类创建一个新的GUI类,就像这样; 并且我可以访问该类中的组件,但是当我去另一个类时,我不能。我真的只需要访问即可更新其内容。有人可以向我指出正确的方向,任何帮助将不胜感激。 类: 问题答案: 首先要尊重封装规则。做你的领域。接下来,您需要输入需要访问的字段。 然后,您需要将GUI传递给访

  • 我是爪哇的新手,遇到了困难。我想从另一个类访问GUI组件(在一个类中创建)。我正在从一个类创建一个新的GUI类,就像这样; 我可以访问该类中的组件,但当我转到其他类时,我无法访问。我真的需要访问来更新它们的内容。有人能给我指一下正确的方向吗?非常感谢您的帮助。 类: