USENAVIGATE替换选项做什么？

Question

docs 说：

用可选的 第二个{替换，状态} arg或

不说它做什么。那么它是否替换整个历史记录堆栈或仅仅是当前路线？我不知道。

Answer 1

替换选项属性是替换导航操作。这是一个重定向，取代了历史记录堆栈中的当前条目，而不是像常规导航那样将新条目推向顶部。

navigate(path); // PUSH, navigate
navigate(path, { replace: true }); // REPLACE, redirect

usenavigate

usenavigate挂钩返回一个函数，可让您导航
以编程方式，例如提交表格后。如果使用
替换：true， 导航将替换当前条目
历史堆栈，而不是添加新的 。

Answer 2

您也可以使用它；

import { useLocation, Navigate } from "react-router-dom"

const location = useLocation ()

‹Navigate to="/" state={{ from: location }} replace /›

有关更多详细信息，请参见此处； https://reactrouter.com/en/main/main/hooks/hooks/use-luse-location