Question

我有一个问题需要重新回答。我有一个 IconButton（Material UI），我想点击这个按钮，它会重定向到特定的帮助页面。

例如：

本地：3000/教育。当我点击按钮时，它会重定向类似 local:3000/education/support 页面的内容。
本地：3000/数据。它重定向到类似数据/支持页面的内容。 ...等更多页面

我被卡住了，我不知道如何实现按钮 onClick 功能以重定向到正确的支持页面。我正在考虑使用 react-router，我做了一些研究，我们可以使用道具中的“params”和“history”参数？谢谢

请给我一些好的建议和正确的方向，谢谢。

Answer 1

import { useLocation, useHistory } from "react-router-dom";

export default function App() {
  const history = useHistory();
  const { pathname } = useLocation();

  return (
    <div className="App">
      <button onClick={() => history.push(`${pathname}/support`)}>
        support page
      </button>
    </div>
  );
}

Answer 2

本地主机：3000/教育。如果你使用 history.push("/support")，它会重定向到 localhost:3000/support。但是如果你使用 history.push("support")，它会重定向到 localhost:3000/education/support

https://reactrouter.com/web/api/Hooks

单击按钮时反应路由器获得正确的显示页面

2 个答案: