首页 > 其他分享 >2023-11-30 记录实用小案例 —— react监听页面返回时执行事件

2023-11-30 记录实用小案例 —— react监听页面返回时执行事件

时间:2023-11-30 09:47:25浏览次数:41  
标签:11 popstate 30 react 返回 事件 监听 handlePageBack 页面

  useEffect(() => {
    const handlePageBack = () => {
      // 此处写你想要触发的事件
    };

    // 监听浏览器的 popstate 事件,即页面返回事件
    window.addEventListener('popstate', handlePageBack);

    // 在组件卸载时移除事件监听
    return () => {
      window.removeEventListener('popstate', handlePageBack);
    };
  }, []);

当你要跳转到一个表单的时候,有没有给表单的返回按钮传值时(即不通过props传值),仅仅是用了history.back(),都可以触发浏览器事件popstate

注意:在pc端或移动端,你的回退或者前进都会触发popstate事件

标签:11,popstate,30,react,返回,事件,监听,handlePageBack,页面
From: https://www.cnblogs.com/iuniko/p/17866529.html

相关文章

  • 20231129
    周六应该有一位新(老)同学要来机房。gm今晚还问我我旁边的电脑是不是好的。(我空着一个电脑坐只是为了远离某个【数据删除】的人。)突然觉得和自己的经历就很像。但是这也不能说是非常相似吧。说实话挺担心这位同学是否能跟得上进度的,以及,更关键的是机房的氛围(懂的都懂(放学......
  • 2023年11月29日模拟赛
    更好的观看总结今天考模拟赛,还是很好玩的。三道题!题解这里要写题解了。怎么评价今天的题目呢?很好理解的。link。T1显然\(n\lek\)时是无穷多个。那么容易发现其余情况至少要匹配\(n-k\)个对称点。那么找到左上角和右下角的点,按照横坐标,纵坐标排序,会发现这样子会覆盖......
  • 11.29实验21
    实验21:观察者模式本次实验属于模仿型实验,通过本次实验学生将掌握以下内容:1、理解观察者模式的动机,掌握该模式的结构;2、能够利用观察者模式解决实际问题。[实验任务一]:股票提醒当股票的价格上涨或下降5%时,会通知持有该股票的股民,当股民听到价格上涨的消息时会买股票,当价格下降时......
  • 11.29实验22
    实验22:状态模式本次实验属于模仿型实验,通过本次实验学生将掌握以下内容:1、理解状态模式的动机,掌握该模式的结构;2、能够利用状态模式解决实际问题。[实验任务一]:银行账户用Java代码模拟实现课堂上的“银行账户”的实例,要求编写客户端测试代码模拟用户存款和取款,注意账户对象状态......
  • 11.29实验23
    实验23:策略模式本次实验属于模仿型实验,通过本次实验学生将掌握以下内容:1、理解策略模式的动机,掌握该模式的结构;2、能够利用策略模式解决实际问题。[实验任务一]:旅行方式的选择旅游的出行方式有乘坐飞机旅行、乘火车旅行和自行车游,不同的旅游方式有不同的实现过程,客户可以根据自......
  • 11 29学习内容
    今天完成内容:实验一:百度机器翻译SDK实验  任务一:下载配置百度翻译Java相关库及环境(占10%)。    任务二:了解百度翻译相关功能并进行总结,包括文本翻译-通用版和文本翻译-词典版(占20%)。    任务三:完成百度翻译相关功能代码并测试调用,要求可以实现中文翻译成英文,英文翻......
  • 2023.11.29——每日总结
    学习所花时间(包括上课):9h代码量(行):0行博客量(篇):1篇今天,上午学习,下午学习;我了解到的知识点:1.百度图像增强SDK明日计划:学习......
  • 11.29博客
    今天完成了软件构造任务一和二,不过jfinaldemo测试的时候,80端口被占用。index主页面也是乱码的,明天再说。 ......
  • 11.29每日总结
    今天正常地完成了各个实验,但是在实验中遇到了一个问题,就是用idea的时候控制台用output的时候一直是乱码,网上找了很多都是修改idea的配置,实际是jdk的问题,一定不用要JDK18.其他的都可以。......
  • 11.29打卡
    1. 从中序与后序遍历序列构造二叉树(106)给定两个整数数组 inorder 和 postorder ,其中 inorder 是二叉树的中序遍历, postorder 是同一棵树的后序遍历,请你构造并返回这颗 二叉树 。/***Definitionforabinarytreenode.*publicclassTreeNode{*int......