如何在react本地路由器流量中获取上一个场景名称

npm install react-router-dom

import { useHistory } from 'react-router-dom';

function MyComponent() {
  const history = useHistory();

  // 获取上一个场景名称
  const previousScene = history.location.state?.from;

  return (
    <div>
      <h1>上一个场景名称：{previousScene}</h1>
      {/* 组件内容 */}
    </div>
  );
}

export default MyComponent;

import { Link } from 'react-router-dom';

function AnotherComponent() {
  return (
    <div>
      {/* 跳转到MyComponent，并传递上一个场景名称 */}
      <Link to={{ pathname: '/my-component', state: { from: 'AnotherComponent' } }}>
        跳转到MyComponent
      </Link>
    </div>
  );
}

export default AnotherComponent;