如何从React Native上的子组件传回参数

时间:2018-05-29 09:17:12

标签: react-native

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

  • MapScreen.js
    • FetchData.js
    • ShowData.js

我想在FetchData上打印一个Map并在标记点击想要传递哪个markerkey按下MapScreen.js然后查询索引键上的人并用ShowData.js显示数据但我不知道如何传递数据从...回来 FetchData.js到Parent(MapScreen.js)。我在this image

上说明了我的问题

1 个答案:

答案 0 :(得分:1)

您可以使用props来处理反应原生的数据传递。一个基本的例子如下所示

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} />;
    }
}