首页 > 其他 > 详细

taro父、子组件通信

时间:2019-10-23 15:31:26      阅读:258      评论:0      收藏:0      [点我收藏+]

父page

let personInfo = {
            mobile: this.state.mobile,
            email: this.state.email
 }
传入自组件参数   personData={personInfo} 
<PersonInfo   personData={personInfo}  onHandleChange={this.handleInputChange.bind(this)}/>
 
 
子page
自组件传到父组件 this.props.onHandleChange()比如你想传一个布尔值就this.props.onHandleChange(false)
 handleMobileChange(e){
        console.log(‘----handleMailChange-----‘, this.state.mobile)
        this.setState({
            email: e.target.value
        },() => {
            this.props.onHandleChange({
                mobile: this.state.mobile,
                email: this.state.email
            })
        })
    }
 
<Input type=‘text‘ placeholder=‘请输入手机号‘ value={personData.mobile} onChange={this.handleMobileChange.bind(this)} />
 
父page接收值(拿个手机举例子)
 
handleInputChange(value){
     console.log(‘===888==我要接收==mobile===‘, value, ‘===email===‘)
     this.setState({
         mobile: value.mobile,
         email: value.email
     })
}
技术分享图片
 
 
 

taro父、子组件通信

原文:https://www.cnblogs.com/pikachuworld/p/11726310.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!