按下按钮时发送道具反应原生

时间:2021-02-12 18:01:41

标签: reactjs react-native react-native-android

当我点击按钮时,我试图将道具发送到其他组件。我发不了我在映射电影时得到了 Id,但是在电影类中却没有定义。

 exampleList= movies.map((x, index) => {
        return (
            
            <View key={index} style={{ flex: 1, flexDirection: 'row' }} >
                    <TouchableOpacity
                        onPress={() => { navigation.navigate('list'), <Movies movieId={x._id.$oid}/>}}
                    >
                        <Text style={styles.buttonText}>{x.movieName}</Text>
                    </TouchableOpacity>
            </View>
        )
    })
    return (
        <ScrollView style={{ backgroundColor: '#COE6E7' }}>
            {exampleList}
        </ScrollView>
    );
export default class Movies extends React.Component {

   componentDidMount(){ 
        console.log(this.props.movieId)       
    }
}

1 个答案:

答案 0 :(得分:0)

这样做

onPress={() => navigation.navigate('list', {movieId : x._id.$oid})}

然后在电影屏幕中

console.log(this.props.movieId) // This will output MOVIE_ID