如何在React路由器v4中访问路由/>之外的历史记录对象

在React路由器v4中，可以通过withRouter高阶组件来访问路由之外的历史记录对象。

首先，确保你已经安装了react-router-dom库。然后，在需要访问历史记录对象的组件中，使用withRouter将组件包裹起来。

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

class MyComponent extends React.Component {
  handleClick = () => {
    // 访问历史记录对象
    const { history } = this.props;
    // 执行相关操作
    history.push('/some/path');
  }

  render() {
    return (
      <button onClick={this.handleClick}>点击跳转</button>
    );
  }
}

export default withRouter(MyComponent);

在上面的示例中，我们使用了withRouter将MyComponent组件包裹起来，这样就可以通过this.props.history来访问历史记录对象。在handleClick方法中，我们可以使用history对象的push方法来进行路由跳转。

这样，无论MyComponent组件在哪个路由下，都可以访问到路由之外的历史记录对象，并进行相应的操作。

推荐的腾讯云相关产品：腾讯云服务器（CVM）和腾讯云云函数（SCF）。

• 腾讯云服务器（CVM）：提供弹性计算能力，可根据业务需求弹性伸缩，支持多种操作系统和应用场景。了解更多信息，请访问：腾讯云服务器（CVM）
• 腾讯云云函数（SCF）：无需管理服务器，按需运行代码，实现事件驱动的无服务器架构。适用于处理后端逻辑、数据处理、定时任务等场景。了解更多信息，请访问：腾讯云云函数（SCF）