如何从 React Native 上的子组件传回参数 [重复]

【问题标题】：How to pass back argument from child component on React Native [duplicate]如何从 React Native 上的子组件传回参数 [重复]
【发布时间】：2018-11-07 21:20:36
【问题描述】：

我有三个文件（完整的项目是https://github.com/EnginYilmaz/kpbduser）

MapScreen.js
- FetchData.js
- ShowData.js

我想在 FetchData 上打印地图，并在标记单击时将按下的标记键传递给 MapScreen.js，然后在索引键上查询人员并使用 ShowData.js 显示数据，但我不知道如何传递数据从...回来 FetchData.js 到父级 (MapScreen.js)。我在上说明了我的问题

【问题讨论】：

标签： react-native

【解决方案1】：

你可以使用 props 来处理传入 react native 的数据。一个基本的例子如下所示

export default class ParentClass extends Component {
    callbackMethod = (value) => {
        console.log('Callback is called',value);
    };

    render() {
        return <ChildView callbackMethod={this.callbackMethod} />;
    }
}



export default class ChildView extends Component {

    onPress=()=>{
        this.props.callbackMethod("Hello");
    }
    render() {
        return <Button onPress={this.onPress} />;
    }
}

【讨论】：