如何在 Tauri 中使用 window.location？

Question

我在 svg 中有一个 onclick 链接，可以链接到网站/程序的另一部分。 我在 onclick 中使用了 window.location.replace(...)

<example onClick(() => window.location.replace(...)) />

这适用于网络浏览器 - 但它会导致 Tauri 应用程序只是白屏。

我做了一些搜索，发现了一些说要使用window.eval(window.location.replace(...))的东西，但不幸的是，这也没有用。

我希望使用<Link>作为替代品，因为从我读过的内容来看这似乎更好，但我无法让它在 onClick 中工作。

有没有办法在 tauri 中使用 window.location 函数？ 如果没有，我可以在 onClick 中使用<Link>吗？

谢谢！

Answer 1

如果您正在使用react-router并使用元素的onClick道具，那么您将需要使用history对象或navigate功能来发出命令式重定向。 Link组件需要渲染到 DOM 中才能被点击，它不能在另一个元素的onClick回调中使用。

react-router@5

导入并使用useHistory钩子：

import { useHistory } from 'react-router';

const Component = () => {
  ...

  const history = useHistory();

  ...

  <example onClick={() => history.replace(".....")} />

react-router@6

导入并使用useNavigate钩子：

import { useNavigate } from 'react-router';

const Component = () => {
  ...

  const navigate = useNavigate();

  ...

  <example onClick={() => navigate(".....", { replace: true })} />