子组件在注册成功后，如何让父组件路由到主页？

// 父组件
import React from 'react';
import { BrowserRouter as Router, Route, Link } from 'react-router-dom';

class ParentComponent extends React.Component {
  // 定义路由跳转方法
  navigateToHomePage = () => {
    this.props.history.push('/home'); // 使用编程式导航进行跳转
  }

  render() {
    return (
      <div>
        <h1>父组件</h1>
        <ChildComponent onSuccess={this.navigateToHomePage} />
      </div>
    );
  }
}

// 子组件
class ChildComponent extends React.Component {
  handleRegistration = () => {
    // 子组件注册成功后调用父组件的路由跳转方法
    this.props.onSuccess();
  }

  render() {
    return (
      <div>
        <h2>子组件</h2>
        <button onClick={this.handleRegistration}>注册</button>
      </div>
    );
  }
}

// 主页组件
const HomePage = () => {
  return (
    <div>
      <h1>主页</h1>
      {/* 主页内容 */}
    </div>
  );
}

// 路由配置
const App = () => {
  return (
    <Router>
      <Route path="/" exact component={ParentComponent} />
      <Route path="/home" component={HomePage} />
    </Router>
  );
}

export default App;