如何在BrowserRouter的子级中使用历史？

在BrowserRouter的子级中使用历史，可以通过React Router提供的withRouter高阶组件来实现。withRouter是一个高阶组件，它可以将路由相关的属性（如history）注入到组件的props中，使得我们可以在组件中直接使用这些属性。

下面是一个示例代码，演示了如何在BrowserRouter的子级中使用历史：

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

// 子组件
class MyComponent extends React.Component {
  handleClick = () => {
    // 使用this.props.history.push进行路由跳转
    this.props.history.push('/other-page');
  }

  render() {
    return (
      <div>
        <button onClick={this.handleClick}>跳转到其他页面</button>
      </div>
    );
  }
}

// 使用withRouter将路由相关属性注入到子组件中
const MyComponentWithRouter = withRouter(MyComponent);

// 在BrowserRouter中使用子组件
const App = () => {
  return (
    <BrowserRouter>
      <MyComponentWithRouter />
    </BrowserRouter>
  );
}

export default App;

在上述代码中，我们首先导入了BrowserRouter和withRouter组件。然后定义了一个子组件MyComponent，其中使用了this.props.history.push方法来进行路由跳转。接着使用withRouter将路由相关属性注入到MyComponent中，生成了一个新的组件MyComponentWithRouter。最后，在BrowserRouter中使用MyComponentWithRouter组件。

这样，我们就可以在BrowserRouter的子级中使用历史对象（history）进行路由跳转了。当点击按钮时，会调用handleClick方法，通过this.props.history.push方法跳转到指定页面。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云弹性容器实例（Elastic Container Instance）。

• 腾讯云云服务器（CVM）：提供了可扩展的计算能力，适用于各种应用场景。详情请参考腾讯云云服务器产品介绍。
• 腾讯云弹性容器实例（Elastic Container Instance）：提供了一种简单高效的容器化应用部署方式，无需管理底层的服务器。详情请参考腾讯云弹性容器实例产品介绍。

注意：以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求进行评估。