arrays - 使用 useHistory 重定向页面并在单击为 false 时删除图像

Question

使用 useEffect 我尝试将正确的序列与右键单击进行比较，如果为真，则自动重定向到另一个页面。如果您犯了四次错误，您将被重定向到松散页面，每个错误都会删除一个图像。如何重定向页面以及如何在点击错误时删除图像？

useEffect(() => {
const correctSequence = [4, 5, 7, 8, 9];
if (correctSequence === sequence) {<Redirect to="/Win" />;
} else {<Redirect to="/Loose" />;}
console.log(sequence);
console.log(correctSequence);}, [sequence]);

演示

标签： arraysreactjsreact-router-domreact-functional-component

Answer 1

你可以使用 useHistory() 反应钩子。创建一个函数来检查订单是否正确并使用历史记录。

const history = useHistory();

const correctSequence = [4, 5, 7, 8, 9];

const compare = () => {
  if (correctSequence === sequence){
    history.push("/Win");
  } else {
    history.push("/Loose");
  }
}