React Native,如何立即更新异步存储?

我正在做一个简单的饮酒游戏。当显示纸牌时,其下方显示相应的规则。我在其中有规则的settings.js文件中,用户可以查看和修改规则,并且它们会在game.js文件上更新。我正在使用异步存储来存储规则。

我想在settings.js文件中添加一个按钮,该按钮在按下时将返回原始规则。唯一的问题是,原始规则不会在设置屏幕上立即更新。当按下按钮时,原始规则确实会在游戏中更新,但是只有当用户返回游戏然后返回设置屏幕时,它们才会在设置屏幕上更新。

用于更新规则的代码:

initialState = async () => {
    try {
        await AsyncStorage.setItem('rule1', 'theoriginalrule1')
        ...
        await AsyncStorage.setItem('rule13', 'theoriginalrule13')
    catch(err) {
        console.log(err)
        }
}

我有以下代码行可以在进入屏幕时更新异步存储,但是如上所述,它仅在重新进入屏幕时才有效:

componentDidMount() {
const { navigation } = this.props;
this.focusListener = navigation.addListener('didFocus', () => {
    this.getData();
    });
}