Html 按钮仅在仪表板路线上时显示？

我在导航栏上有一个按钮，导航栏将出现在所有屏幕上。但是，我希望按钮仅显示在仪表板屏幕上

目前，路由是通过react路由器dom完成的

该按钮为

Últimos 30 DIA

HTML:

---

你可以这样做

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

export default function NavBar() {
 const location = useLocation();

  return (
    <Box>
      <NavBarLeft>
        <Hamburger>
          <MenuIcon style={{ color: "#0ed39c", fontSize: "30px" }} />
        </Hamburger>

        { location.path === '/dashboard' && <Button>Últimos 30 dias</Button> }
      </NavBarLeft>

      <Profile />
    </Box>
  );
}

从'react router dom'导入{useLocation}；
导出默认函数NavBar（）{
const location=useLocation（）；
返回(
{location.path=='/dashboard'&&Últimos 30 dias}
);
}

你可以这样做

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

export default function NavBar() {
 const location = useLocation();

  return (
    <Box>
      <NavBarLeft>
        <Hamburger>
          <MenuIcon style={{ color: "#0ed39c", fontSize: "30px" }} />
        </Hamburger>

        { location.path === '/dashboard' && <Button>Últimos 30 dias</Button> }
      </NavBarLeft>

      <Profile />
    </Box>
  );
}

从'react router dom'导入{useLocation}；
导出默认函数NavBar（）{
const location=useLocation（）；
返回(
{location.path=='/dashboard'&&Últimos 30 dias}
);
}

将按钮移动到仪表板管线上显示的组件中呈现的组件？将按钮移动到仪表板管线上显示的组件中呈现的组件？

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

export default function NavBar() {
 const location = useLocation();

  return (
    <Box>
      <NavBarLeft>
        <Hamburger>
          <MenuIcon style={{ color: "#0ed39c", fontSize: "30px" }} />
        </Hamburger>

        { location.path === '/dashboard' && <Button>Últimos 30 dias</Button> }
      </NavBarLeft>

      <Profile />
    </Box>
  );
}