将数据从一个屏幕更新到另一个屏幕

Question

嘿伙计们，我正在使用一个可以显示我的全局变量值的文本字段 当我更新全局变量 ex：- global.xx++ 当我单击它时它无法刷新。如何从多个屏幕一次更新数据..这是我的前任

class A extend component
{
if(responseJson.responseCode == '200'){
++global.cartitems ;
Obj.onPress();
Obj.componentDidMount();
Alert.alert('SHOPPING','Item added successfully.',[{text: 'OK',},],{ cancelable: false })
}
class b extend component
{
<Text
style={{color:'white',textAlign:'center',fontSize:10}}
>{global.cartitems}</Text>
}

Answer 1

我相信你的意思是将一个值从一个屏幕传递到另一个屏幕。

您可以使用 AsyncStorage 将数据保存在内存中，也可以通过 props 导航传递数据

异步存储示例：

商店数据：

_storeData = async () => {
try {
await AsyncStorage.setItem('@MySuperStore:key', 'I like to save it.');
} catch (error) {
// Error saving data
}
}

获取数据：

_retrieveData = async () => {
try {
const value = await AsyncStorage.getItem('TASKS');
if (value !== null) {
// We have data!!
console.log(value);
}
} catch (error) {
// Error retrieving data
}
}

通过道具导航传递数据：

头等舱：

<Button onPress = {
() => navigate("ScreenName", {name:'Jane'})
} />

二等舱：

const {params} = this.props.navigation.state