网页资讯视频图片知道文库贴吧地图采购
进入贴吧全吧搜索

 
 
 
日一二三四五六
       
       
       
       
       
       

签到排名:今日本吧第个签到,

本吧因你更精彩,明天继续来努力!

本吧签到人数:0

一键签到
成为超级会员,使用一键签到
一键签到
本月漏签0次!
0
成为超级会员,赠送8张补签卡
如何使用?
点击日历上漏签日期,即可进行补签。
连续签到:天  累计签到:天
0
超级会员单次开通12个月以上,赠送连续签到卡3张
使用连续签到卡
11月02日漏签0天
taro吧 关注:30贴子:52
  • 看贴

  • 图片

  • 吧主推荐

  • 游戏

  • 1回复贴,共1页
<<返回taro吧
>0< 加载中...

【Taro问题笔记】其四 使用function作为props

  • 只看楼主
  • 收藏

  • 回复
  • 澈
  • 亮了瞎了
    9
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
如题,在定义某组件时,因为组件中有一个按钮,想将按钮的点击事件作为props,由父组件传入。
子组件PhoneFrom的props定义为:

子组件PhoneFrom的render为:

父组件Login调用子组件:

父组件Login的getUserInfo方法:

getUserInfo中的主要逻辑就是接受微信的onGetUserInfo回调信息,即当前登录用户的微信信息后,拿着手机号和验证码去调用我的后端登录接口,该后端接口被封装到我的BaseComponent中,Login继承BaseComponent,即上图红色框中的方法。
此时运行项目,可正常进入Login页面,输入手机号和验证码后,点击登录按钮,触发微信onGetUserInfo方法,并触发PhoneFrom的props中的onClickEvent方法,相当于父组件Login的getUserInfo方法被成功调用,控制台打印出我的微信信息。
但是执行到this.props.RecordEffects.smsAuth时,控制台报错:
TypeError: _this2.props.RecordEffects.smsAuth is not a function

根据上图它取props时用的是_this2,有点奇怪,就算是因为我把函数从父组件传递到子组件,在子组件中执行,可能函数中的this确实发生了改变,就是我猜想在这两个页面中,Login父组件的this可能会被编译成_this1,PhoneFrom子组件的this可能被编译成_this2,但是父子俩我都继承了BaseComponent,按理说_this1和_this2都是拥有RecordEffects.smsAuth方法的,但是实际情况就是调用不了。
顺便一提,只要父组件的函数中不使用this,执行就没有问题。
原因不明,该问题为解决


  • 澈
  • 亮了瞎了
    9
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
后经检查,发现不是this的问题
这个项目集成了DvaJS,是以model的形式来导出函数的,在dva那边有地方写漏了,修复后以正常运行。
另外函数中取props不要像我上面那样直接this.props.xxx,还是通过解构来获取比较好:
const { xxx } = this.props


登录百度账号

扫二维码下载贴吧客户端

下载贴吧APP
看高清直播、视频!
  • 贴吧页面意见反馈
  • 违规贴吧举报反馈通道
  • 贴吧违规信息处理公示
  • 1回复贴,共1页
<<返回taro吧
分享到:
©2025 Baidu贴吧协议|隐私政策|吧主制度|意见反馈|网络谣言警示