如何在React中更改路由以响应window消息事件？

npm install react-router-dom

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

const handleWindowMessage = (event) => {
  const { data } = event;
  
  // 根据接收到的消息更改路由
  if (data === 'home') {
    history.push('/');
  } else if (data === 'about') {
    history.push('/about');
  }
};

componentDidMount() {
  window.addEventListener('message', handleWindowMessage);
}

componentWillUnmount() {
  window.removeEventListener('message', handleWindowMessage);
}

render() {
  return (
    <Router>
      <Route exact path="/" component={Home} />
      <Route path="/about" component={About} />
    </Router>
  );
}