reactjs - 使用 react 路由器处理后退按钮

标签 reactjs react-router

如果用户导航到 www.example.com/one 并单击后退按钮,我想将他们重定向到 www.example.com

我认为这是一个常见问题,但我还没有找到解决方案。

最佳答案

Hooks 版本(React 16.8+):

最小版本。

import { useHistory } from "react-router-dom";

export const Item = () => {
    let history = useHistory();
    return (
        <>
          <button onClick={() => history.goBack()}>Back</button>
        </>
    );
};

关于reactjs - 使用 react 路由器处理后退按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52039083/

相关文章:

javascript - react : How to manage state for multiple input types

reactjs - React : useContext, 如何从外部组件中检索它?

javascript - 为什么 Array.indexOf() 对一个 redux Action 正确工作,但对另一个 Action 却不行? (相同的 reducer )

javascript - 使用react-router和react-addons-css-transition-group进行页面转换

javascript - ES5 中的 react 路由

reactjs - 在纯 ReactJS 应用程序 (SPA) 上进行无需重定向的身份验证?

javascript - React Router 不匹配嵌套路由

javascript - React-Native 中的正确导航

javascript - Material-UI 文本字段和 Redux 状态尝试设置默认值的奇怪行为?

javascript - React-redux connect() 的 mapStateToProps 在 react-router 导航中被多次调用