react-native 传值

本文详细探讨了react-native中的页面传值问题,包括父组件向子组件、子组件向父组件以及不同界面间的传值。重点介绍了通过回调函数进行父子组件间通信,以及在不同界面间使用监听进行数据传递的方法。
摘要由CSDN通过智能技术生成

     今天我来整理一下react-native页面传值的问题

     我们分为三个方面,父组件向子组件传值,子组件向父组件传值,不同界面传值


一、父子组件传值

父组件

var firstPage = React.createClass({
  getInitialState:function(){
    return (
      firstState: false,
    );
  },
  render:function(){
    return(
      <secondPage secondState={this.props.firstState}/>
    );
  },
});


子组件
var secondPage = React.createClass({
  render:function(){
    return(
      <Text>{this.props.secondState?1:0}<Text>
    );
  },
});



二、子组件向父组件传值

    这里的传值,实质就是父组件向子组件传值时使用回调函数,使得子组件可以改变父组件的值。

父组件

var firstPage = React.createClass({
  getInitialState:function(){
    return (
      firstState: false,
    );
  },
  firstFunction:functi
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值