javascript 如何使用useNavigate返回一个页面并刷新它？

67up9zun 于 2022-12-28 发布在 Java

关注(0)|答案(3)|浏览(1103)

我想返回一个页面并刷新它，因为我需要更新列表，但在我仅使用导航时没有执行此操作（-1）
代码示例：

import { useNavigate } from 'react-router-dom';
    
function YourApp() {
  const navigate = useNavigate();

  return (
    <>
      <button onClick={() => navigate(-1)}>go back</button>
    </>
  );
}

JavaScript

来源：https://stackoverflow.com/questions/71278717/how-do-i-go-back-one-page-and-refresh-it-using-usenavigate

3条答案

按热度按时间

zfciruhq1#

我能够部分解决这个问题。为了能够刷新我想要的列表，我使用了Redux和它的useSelector()函数。刷新页面部分还不可能，因为它没有在导航器中实现。
顺便说一句：我所追求的功能等同于window.location.reload().

赞(0）回复(0）举报 2022-12-28

epggiuax2#

如果你用的是react路由器v6

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

const navigate = useNavigate();

const refreshPage = () => {
    navigate(0);
}

赞(0）回复(0）举报 2022-12-28

ccrfmcuu3#

您可以设置使用效果数组的位置：

const location = useLocation();

useEffect(() => {
    // your code
  }, [..., location, ...]);

赞(0）回复(0）举报 2022-12-28

我来回答

javascript 如何使用useNavigate返回一个页面并刷新它？

3条答案

相关问题

热门标签

最新问答