美文网首页
react native 子组件传值给父组件

react native 子组件传值给父组件

作者: HappyErica | 来源:发表于2017-06-28 15:12 被阅读0次

简单粗暴上代码

父组件

import React, { Component } from 'react';
import {
    Text,
    View,
} from 'react-native';
import Item from './Item'

export default class Test extends Component {
    constructor(props) {
        super(props)
        this.state = {
            mark:'初始值'
        }
    }

    fn(val){
        this.setState({
            mark:val
        });
    }

    render() {
        return (
            <View>
                <Item fn={this.fn.bind(this)}/>
                <Text>{this.state.mark}</Text>
            </View>
        )
    }
}

子组件

import React, { Component } from 'react'
import {
    Text,
    View,
    StatusBar
} from 'react-native';

export default class Item extends Component {
    render() {
        return (
            <View>
                <Text onPress={()=>{
                    this.props.fn('子组件的值')
                }}>点击</Text>
            </View>
        )
    }
}

如果没有加bind(this)会报错-this.setState is not a function

相关文章

  • react-父子组件间通信

    React-父子组件间通信 父组件传 值 给子组件, 传 方法 给子组件 子组件接收 值 ,触发父组件的 方法

  • Vue_组件间传值

    1、父组件传值给子组件2、子组件传值给父组件 1、父组件传值给子组件 2、子组件传值给父组件

  • react-native 父子组件之间传值

    1.父组件传值给子组件 父组件给子组件传值 react 和vue都是很相似的 , 很简单 1.父组件引入子组件im...

  • vue2.0 父子组件传值

    父组件传值给子组件 子组件 子组件通过 props 接收值 父组件 父组件通过标签属性传值 子组件传值给父组件 子...

  • react子组件、父组件相互传值

    子组件传图片路径imgUrl值给父组件,父组件传imgaddr值给子组件子组件: 父组件:

  • 【Vue3 从入门到实战 进阶式掌握完整知识体系】011-探索组

    2、组件间传值及传值校验 父组件给子组件传值 运行结果 父组件给子组件传动态参数 运行结果 子组件校验父组件的传参...

  • react子组件向父组件传值

    相关资料:react 父组件怎么获取子组件的这个值React组件间信息传递方式react同级组件之间传值 • 父...

  • 2018-09-05

    组件传值问题 父组件给子组件传值应该使用props。子组件要给父组件传值,需要调用父组件传递的方法。props传值...

  • React 父子组件通信

    父子组件通信分为【父组件给子组件传值】、【父组件获取子组件的值】两类。 一.父组件给子组件传值3种方式 1.父组件...

  • vue2.0小结

    父组件与子组件之间的通信 父组件传值给子组件,通过props 子组件传值给父组件,通过$emit 如果在父组件想在...

网友评论

      本文标题:react native 子组件传值给父组件

      本文链接:https://www.haomeiwen.com/subject/muuucxtx.html