reactjs中history .push和navlink有啥区别

Posted 2023-02-22

【中文标题】reactjs中history .push和navlink有啥区别

【英文标题】：what is the difference between history .push and navlink in reactjsreactjs中history .push和navlink有什么区别

【发布时间】：2021-10-13 22:51:08

【问题描述】：

在 Reactjs 我想去 etc 页面 现在我可以使用 history.push("/etc") 来做到这一点，我也可以使用 <navlink to="/etc"> 现在的重点是何时使用 history.push 以及何时使用 Navlivk，因为两者都满足我的要求。

【参考方案1】：

我通常使用：

history.push("/etc") 当我必须以编程方式进入该页面时（即单击一个按钮并且如果满足某些条件，则调用history.push）。

navlink 当我想显示页面链接以允许用户进入该页面时。

【讨论】：

@MunsifAliMisri 很乐意为您提供帮助。有一个很好的编码 =)

【参考方案2】：

使用navlink，您可以通过包装例如按钮导航到另一个“页面”，并在单击时进行重定向。大多数情况下，这是您可能想要做的。但在某些情况下，您希望以编程方式导航到另一个“页面”。例如，当您的应用发生与单击按钮或链接无关的更改时。

因此，您可以使用history.push 以编程方式更改 URL，而无需单击按钮或链接。

【讨论】：

这就是正在寻找的东西，非常感谢