如何在导航组件中从子片段关闭父片段

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

class ParentFragment extends React.Component {
  handleChildClose = () => {
    // 处理子片段关闭事件的逻辑
    // 可以在这里修改父片段的状态或者执行其他操作
  }

  render() {
    return (
      <div>
        <h1>父片段</h1>
        <ChildFragment onClose={this.handleChildClose} />
      </div>
    );
  }
}

class ChildFragment extends React.Component {
  handleClose = () => {
    // 处理关闭事件的逻辑
    this.props.onClose(); // 调用父片段传递过来的关闭事件回调函数
  }

  render() {
    return (
      <div>
        <h2>子片段</h2>
        <button onClick={this.handleClose}>关闭</button>
      </div>
    );
  }
}

class App extends React.Component {
  render() {
    return (
      <Router>
        <Route path="/" component={ParentFragment} />
      </Router>
    );
  }
}

export default App;