Reactjs 如何允许用户更改应用程序设置，而不必在每次重新启动应用程序时重新选择设置

我有一个计算费用的应用程序，可以选择其他国家，如英国、澳大利亚等

        this.state = {
              paypalFee: 0.30,
              paypalFeePercentage: 0.029,
              ebayFee: 0.1,
              country: 'US',
              currency: '$'
            };


    //menu option for US users
     <Menu.Item
       onPress={() => this.setState({ ebayFee: parseFloat(0.0915),
       paypalFee: parseFloat(0.30),
       paypalFeePercentage: parseFloat(0.029),
       visible2: false,
       switchOn1: false,
       selected: 'Select Category',
       country: countrys[0],
       currency: currencySign[0] })}
     title={countrys[0]}
     />
     //menu option for UK users
     <Menu.Item
     onPress={() => this.setState({ ebayFee: 0.12,
     paypalFee: parseFloat(0.30),
     paypalFeePercentage: parseFloat(0.029),
     visible2: false,
     switchOn1: false,
     selected: 'Select Category',
     country: countrys[1],
     currency: currencySign[1] })}
   title={countrys[1]}
     />

this.state={
工资标准：0.30，
工资百分比：0.029，
ebayFee:0.1，
国家:"美国",，
货币：“$”
};
//美国用户的菜单选项
这个.setState（{ebayFee:parseFloat（0.0915），
paypalFee:parseFloat（0.30），
工资百分比：浮动（0.029），
可见2：错误，
切换1：错误，
已选择：“选择类别”，
国家：国家[0]，
货币：currencySign[0]}）
title={countrys[0]}
/>
//英国用户的菜单选项
这个.setState（{ebayFee:0.12，
paypalFee:parseFloat（0.30），
工资百分比：浮动（0.029），
可见2：错误，
切换1：错误，
已选择：“选择类别”，
国家：国家[1]，
货币：currencySign[1]}
title={countrys[1]}
/>

---

因此，我现在的做法是，每次用户单击there Courty的菜单选项时，它都会更改不同费用百分比的状态等。问题是，每次用户启动应用程序时，他们都必须选择自己的国家，我如何让它为用户保存该设置？我知道这可能与异步存储有关但是我试图使用它，并且在它上面被卡住了好几天。

您可以使用localStorage来实现这一点，但这也不是最好的解决方案，因为这可以由用户清除。为了在前端应用程序中持久保存信息，我们通常使用数据库。考虑设置一个简单的服务器节点和一个数据库（sql或类似mongodb的东西）

我应该使用异步存储吗？在这种情况下，我应该如何使用localStorage