如何使用div like link 重定向到另一个页面？

Question

我需要制作 div 来模拟 Link 元素，所以当你点击它时你会导航到另一个页面。

像这样

<Link to="/employees">
   ...  
</Link>

但必须是div。

我可以使用 onClick 但是当我使用它时，我应该使用整个路径 https://pro.websire.com/employees。我不想使用它，因为我们有不同版本的网站。

因此路径应该与 Link 元素中的完全相同

<div onClick={to('/employees')}>
  ...
</div>

有谁知道可以这样做吗？

Answer 1

如果您使用的是 React 路由器，则可以使用 useNavigate hook 以编程方式导航。在您的组件中，您需要执行以下操作。

const LinkComponent = () =>{
    const navigate = useNavigate()
    return(<div onClick={() => navigate("/home")}>Link </div>)
}

How to use div like link to redirect to another page?