代码之家 › 专栏 › 技术社区 › Mizlul

如何在react中执行返回函数[重复]

react-router-v4 react-native reactjs javascript

Mizlul · 技术社区 · 7 年前

这个问题已经有了答案:

react-router (v4) how to go back? 7个答案
Uncaught TypeError: Cannot read property 'push' of undefined (React-Router-Dom) 4个答案

我正在使用 反应路由器 我想执行一些返回功能。

我当前的代码如下:

<HashRouter>
       <Switch>
            <Route exact path='/' component={Main}/>
            <Route path='/secondview' component={SecondView}/>
            <Route path='/traineeships' render={()=>(<Traineeship rootState={this.state} setRootState={this.setState.bind(this)} />)}/>
            <Route path='/information-filter' render={()=>(<InformationFilter rootState={this.state} setRootState={this.setState.bind(this)} />)}/>
            <Route path='/find-work' render={()=>(<FindWork rootState={this.state} setRootState={this.setState.bind(this)} />)}/>
            <Route path='/information-job' render={()=>(<InformationJob rootState={this.state} setRootState={this.setState.bind(this)} />)}/>
            <Redirect from='*' to='/' />
       </Switch>

我试过几种选择,比如 this.props.history.go(-1) 在其他组件上,但我得到了未定义的错误。

在我的情况下,有人知道如何执行返回函数吗?

2 回复 | 直到 7 年前

Evgeny Timoshenko 7 年前

你可以用 withRouter ,如果需要访问历史记录对象:

import React from 'react'
import { withRouter } from 'react-router'

class SecondView extends React.Component {
  render() {
    return (
      <button onClick={() => this.props.history.go(-1)} />
    )
  }
}

const SecondViewnWithRouter = withRouter(SecondView)

withrouter会将更新的匹配、位置和历史属性传递给每次呈现时都包装组件。

https://github.com/ReactTraining/react-router/blob/master/packages/react-router/docs/api/withRouter.md

GibboK 7 年前

取决于 react-router (在本例中为3.0)您可以启用 BrowserHistory first 然后做:

const BrowserHistory = require('react-router/lib/BrowserHistory').default;

您可以在JSX中使用它:

<button onClick={BrowserHistory.goBack}>Back</button>

应用程序文件中的以下代码:

<Router history={BrowserHistory}>
    <Route path="/" component={App} />
</Router>

推荐文章

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

Facundo Cabrera · 意外的应用程序错误!useNavigate()只能在<Router>组件的上下文中使用

1 年前

user29295031 · 如何使用react和vite覆盖Tailwinds css 4默认设计

1 年前

Gukkey · 在React中明确隐藏日期类型输入后,如果我单击父div,如何显示日期选择器?

1 年前

Luckkks · 过渡色工作不正常

1 年前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

1 年前

vatsal chauhan · 即使在字体预加载时,文本加载也很慢

1 年前

hasratyan · Next.js 15 API路由-动态路由中的无效GET导出错误[id]

1 年前

noblerare · Vite错误-未定义导出(SSR)

1 年前

ProfessorFinesse · 在默认表单中完成帖子请求时,“res.send”会去哪里?

1 年前