在 react-native 中解析数据

Question

您好，我正在学习 react-native，我制作了页面顺序和细节这里我在订单页面做了一个功能

ongNavigationDetail = ()=>{
        let params = {
            origin: this.state.selectOrigin.id_origin,
            destinasi : this.state.selectSubDestinasi.id_destinasi
        }
        this.props.navigation.push('detail',{data:params})
    }

     <View style={styles.Button}>
        <Button block info style={styles.MainBtn} onPress={this.ongNavigationDetail}>
            <Text style={styles.btnText}>Next</Text>
        </Button>
     </View>

这里我把订单页的值丢给了详情页，问题是如何取到详情页的值？

我用的是react navigation 4.3

Answer 1

如果您仍在使用 React Navigation 4.X 试试这样的方法：

navigation.getParam('someParam', 'defaultValue');

someParam ofc 将是您案例中的数据。记得加上this.props。如果需要，在代码之前。

在 react-native 中解析数据

parsing data in react-native

navigation

parameters

reactjs

react-native