原生小程序转Taro之二次开发(一)

本文记录原生小程序转Taro二次开发时遇到的问题及解决办法。如变量赋值需将this.data替换为this.state、app.data替换为app.state;请求域名跨域可配置webpack或在package.json配置;Taro的input组件有问题,建议用原生框;下拉刷新等在H5需用ScrollView组件重写;地图周边搜索在H5要改引入方式和使用JavaScript API。

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

记录原生小程序转Taro之二次开发(一)

原生小程序转taro之后出现了一系列的问题需要自己解决

  1. 原生小程序里面所有的变量全局赋值是app.data ,页面变量赋值是this.data或者自定义打点data,转换成Taro之后需要全局将this.data替换成this.state,app.data全局替换为app.state。
  2. 请求域名跨域的问题,需要配置webpack跨域代理,也可以直接在package.json里面配置一行代码搞定。我这里把Taro请求用axios来代替了,代理成功之后正常运行。
    在这里插入图片描述
  3. Taro的input组件有点问题,建议用原生input框。
  4. 小程序里面的下拉刷新,上拉加载在H5里面用不了,需要用Taro的ScrollView组件,结合组件的api重新写。
  5. 小程序的地图周边搜索,之前用的wxjs api,H5上的话改成正常的引入外链,然后用javaScript api写就可以了。
    在这里插入图片描述

之前在微信小程序里面用wxParse的富文本转换插件,在taro中可以直接在标签加上以下属性:

<View className="wxParse" dangerouslySetInnerHTML = {{ __html:detailList.remarks}}></View>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值