React native 反应本机-从组件获取值-onPress

我试图从我按下的组件中获取一个值，但无法传递它

我的欢迎类正在使用菜单组件，而该组件有4个菜单项组件

我的问题在哪里？我无法将itemOnPress值输入欢迎屏幕

欢迎：

class Welcome extends React.Component {

menuItemOnPress = (item) => {
    console.log('ITEM', item);
};

render() {

    return (
        <Modal animationType={'fade'}
               transparent={true}
               visible={this.state.modalVisible}>
            <View style={styles.modal}>
                <Menu itemOnPress={(item) => this.menuItemOnPress(item)}/>
            </View>
        </Modal>
    );
}

class Menu extends React.Component {

render() {
    const {closeOnPress, itemOnPress} = this.props;

    return (
        <SafeAreaView style={styles.container}>
            <MenuItem titleText={'XYZ'} onPress={itemOnPress(0)}/>
            <MenuItem titleText={'XYZ'} onPress={itemOnPress(1)}/>
        </SafeAreaView>
    );
}

类欢迎扩展React.Component{
menuItemOnPress=（项目）=>{
console.log（'ITEM'，ITEM）；
};
render（）{
返回(
this.menuItemOnPress（项目）}/>
);
}

菜单：

class Welcome extends React.Component {

menuItemOnPress = (item) => {
    console.log('ITEM', item);
};

render() {

    return (
        <Modal animationType={'fade'}
               transparent={true}
               visible={this.state.modalVisible}>
            <View style={styles.modal}>
                <Menu itemOnPress={(item) => this.menuItemOnPress(item)}/>
            </View>
        </Modal>
    );
}

class Menu extends React.Component {

render() {
    const {closeOnPress, itemOnPress} = this.props;

    return (
        <SafeAreaView style={styles.container}>
            <MenuItem titleText={'XYZ'} onPress={itemOnPress(0)}/>
            <MenuItem titleText={'XYZ'} onPress={itemOnPress(1)}/>
        </SafeAreaView>
    );
}

类菜单扩展了React.Component{
render（）{
const{closeOnPress，itemOnPress}=this.props；
返回(
);
}

将菜单组件打开按功能切换到箭头功能

class Menu extends React.Component {

render() {
    const {closeOnPress, itemOnPress} = this.props;

    return (
        <SafeAreaView style={styles.container}>
            <MenuItem titleText={'XYZ'} onPress={() => itemOnPress(0)}/>
            <MenuItem titleText={'XYZ'} onPress={() => itemOnPress(1)}/>
        </SafeAreaView>
    );
}

类菜单扩展了React.Component{
render（）{
const{closeOnPress，itemOnPress}=this.props；
返回(
itemOnPress（0）}/>
itemOnPress（1）}/>
);
}

将菜单组件打开按功能切换到箭头功能

class Menu extends React.Component {

render() {
    const {closeOnPress, itemOnPress} = this.props;

    return (
        <SafeAreaView style={styles.container}>
            <MenuItem titleText={'XYZ'} onPress={() => itemOnPress(0)}/>
            <MenuItem titleText={'XYZ'} onPress={() => itemOnPress(1)}/>
        </SafeAreaView>
    );
}

类菜单扩展了React.Component{
render（）{
const{closeOnPress，itemOnPress}=this.props；
返回(
itemOnPress（0）}/>
itemOnPress（1）}/>
);
}