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

Posted 2023-02-22

【中文标题】如何从 React Native 上的子组件传回参数 [重复]

【英文标题】：How to pass back argument from child component on React Native [duplicate]

【发布时间】：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)。我在上说明了我的问题

【参考方案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 />;