【taro react】---- h5跳转后生命周期多次执行

Rattenking

已于 2022-08-17 16:03:09 修改

阅读量621

点赞数

CC 4.0 BY-SA版权

于 2022-05-06 11:01:17 首次发布

本文链接：https://blog.csdn.net/m0_38082783/article/details/124604666

Taro React 入门到实战系列同时被 2 个专栏收录

58 篇文章 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

React

17 篇文章

订阅专栏

本文介绍了在Taro React项目中遇到的H5页面生命周期函数因中文参数异常触发多次执行的问题。作者通过分析发现，中文参数可能是问题的原因，并提出了解决方案：使用encodeURI对中文参数进行编码，或者封装跳转方法对完整URL编码，有效防止了生命周期的异常执行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 问题场景

在这里插入图片描述

从上图可以看到，进入页面同一个接口执行了两次【当然这个次数不是固定的，会出现三次也会出现一次】，检查了页面代码，只在onShow生命周期请求了一次接口！

在这里插入图片描述

2. 问题原因

测试实例1：搜索参数name=123，正常
http://localhost:10086/#/pages/goodsList/goodsList?name=123

测试实例2：搜索参数name=a，正常
http://localhost:10086/#/pages/goodsList/goodsList?name=a

测试实例3：搜索参数name=A，正常
http://localhost:10086/#/pages/goodsList/goodsList?name=A

测试实例4：搜索参数name=中，