目前,我正在try 用Reaction构建的游戏进行一些动画过渡,我不想要hrefwindow.location的重新渲染/刷新功能.在这方面,我将如何使用react-router-dom中的<Link>处理?

const handleGameOver = () => {
  if (health < 1) {
    window.location = "/GameOverDied";
  } else if (fuel < 1) {
    window.location = "/GameOverFuel";
  } else {
  }
};

我还没有try 任何事情,因为我在其他地方找不到我想要的答案.

推荐答案

Link是Reaction组件,并且需要被呈现才能在作为102导航动作的UI中具有任何效果.相反,使用useNavigate挂钩从回调发出103导航操作.

示例:

import { useNavigate } from 'react-router-dom';

...

const navigate = useNavigate();

...

const handleGameOver = () => {
  if (health < 1) {
    navigate("/GameOverDied", { replace: true });
  } else if (fuel < 1) {
    navigate("/GameOverFuel", { replace: true });
  } else {
  }
};

...

Javascript相关问答推荐

如何避免移动设备中出现虚假调整大小事件?

Chrome是否忽略WebAuthentication userVerification设置?""

在vercel throws上部署带有gunjs的sveltekit应用无法找到模块./' lib/文本编码'

WebRTC关闭navigator. getUserMedia正确

如何粗体匹配的字母时输入搜索框使用javascript?

在观察框架中搜索CSV数据

在服务器上放置了Create Reaction App Build之后的空白页面

为什么!逗号和空格不会作为输出返回,如果它在参数上?

如何在Vue 3中创建自定义 Select 组件,并将选项作为HTML而不是props 传递?

如何使onPaste事件与可拖动的HTML元素一起工作?

在HTML语言中调用外部JavaScript文件中的函数

闭包是将值复制到内存的另一个位置吗?

如何发送从REST Api收到的PNG数据响应

将数组扩展到对象中

TinyMCE 6导致Data:Image对象通过提供的脚本过度上载

使用API调用的VUE 3键盘输入同步问题

我如何才能获得价值观察家&对象&S的价值?

在JS/TS中构造RSA公钥

使用JAVASCRIPT-使用If和Else If多次判断条件-使用JAVASRIPT对象及其属性

Js问题:有没有办法将数据从标记表转换成图表?