useNavigate 替换选项有什么作用？

Question

文档说：

要么传递一个带有可选第二个参数To的值（与 相同类型<Link to>），{ replace, state }要么

没有说它是做什么的。那么它会替换整个历史堆栈还是仅替换当前路线？我不知道。

Answer 1

options属性replace是 REPLACE 导航操作。这是一个重定向，替换历史堆栈中的当前条目，而不是像常规导航一样将新条目推到顶部。

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

使用导航

该useNavigate钩子返回一个函数，允许您以编程方式导航，例如在提交表单后。如果使用 replace: true，导航将替换历史堆栈中的当前条目，而不是添加新条目。