所有页面上显示的菜单。有没有办法在react中只显示在特定的页面上？

import React, { useState } from 'react';

// 定义菜单组件
const Menu = () => {
  return (
    <div>
      <a href="/">首页</a>
      <a href="/about">关于我们</a>
      <a href="/contact">联系我们</a>
    </div>
  );
};

// 定义父组件
const App = () => {
  const [currentPage, setCurrentPage] = useState('/');

  return (
    <div>
      {/* 根据当前页面决定是否显示菜单 */}
      {currentPage === '/' && <Menu />}
      <h1>当前页面：{currentPage}</h1>
      <button onClick={() => setCurrentPage('/about')}>切换到关于我们</button>
      <button onClick={() => setCurrentPage('/contact')}>切换到联系我们</button>
    </div>
  );
};

export default App;