React-router-dom v6 useHistory location.pathname

pra*_*bam 9 reactjs react-router-dom

由于react-router-domuseHistory不再受支持,我正在寻找一个等效的使用history.location.pathname

Fra*_*ion 15

您必须使用useLocation\xc2\xb9\xc2\xb2,它们返回一个位置对象,其中包含pathname有关 URL 的信息和其他信息:

\n
const location = useLocation();\n\nconsole.log(location)\n// {\n//   pathname: "/invoices",\n//   search: "?filter=sa",\n//   hash: "",\n//   state: null,\n//   key: "ae4cz2j"\n// }\n\n
Run Code Online (Sandbox Code Playgroud)\n

  • 这正是我正在寻找的,因为 useNavigate 不返回该位置对象。多谢。 (3认同)