使用重定向/>时，React路由器history.goBack不起作用

在React中，使用重定向（Redirect）组件时，可能会遇到React路由器（React Router）中的history.goBack方法不起作用的情况。这通常是因为history对象的问题导致的。

React路由器使用history对象来管理浏览器历史记录和导航。history对象有多种实现，包括浏览器自带的history API、HashHistory和MemoryHistory等。其中，浏览器自带的history API是最常用的。

当使用重定向组件时，React路由器会尝试使用当前history对象的goBack方法来实现返回上一页的功能。然而，如果当前history对象不是浏览器自带的history API实现，而是其他实现方式，可能会导致goBack方法无效。

解决这个问题的方法是使用withRouter高阶组件将需要使用history对象的组件包裹起来。withRouter会将最近的路由器上下文中的history对象作为props传递给被包裹的组件，从而确保history.goBack方法能够正常工作。

以下是一个示例代码：

import { withRouter } from 'react-router-dom';

class MyComponent extends React.Component {
  handleGoBack = () => {
    this.props.history.goBack();
  }

  render() {
    return (
      <button onClick={this.handleGoBack}>Go Back</button>
    );
  }
}

export default withRouter(MyComponent);

在上述代码中，通过使用withRouter将MyComponent组件包裹起来，确保了this.props.history.goBack方法的可用性。这样，当点击按钮时，就能够返回上一页。

需要注意的是，withRouter高阶组件需要从'react-router-dom'库中导入。另外，确保已经正确安装了React路由器相关的依赖。

希望以上解答能够帮助到您。如果您对其他云计算或IT互联网领域的问题有任何疑问，请随时提问。