在 React Native 应用开发中，本地存储是非常常用的功能，可以用来存储用户的喜好设置、缓存数据等等。本文将介绍如何在 React Native 中使用本地存储。
AsyncStorage
在 React Native 中，可以使用 AsyncStorage 来进行本地存储。AsyncStorage 是一个简单的异步键值存储系统，它允许我们将键值对以字符串的格式保存到设备上。它类似于浏览器中的 localStorage。
导入 AsyncStorage
首先需要导入 AsyncStorage：
import AsyncStorage from '@react-native-async-storage/async-storage';
存储数据
使用 AsyncStorage.setItem(key, value) 方法来存储数据，其中 key 是键名，value 是值。如果存储成功，返回的是一个 Promise。
try {
await AsyncStorage.setItem('@mykey', 'someValue');
} catch (error) {
console.log(error);
}获取数据
使用 AsyncStorage.getItem(key) 方法来获取存储在本地的数据，其中 key 是需要获取的键名。如果获取成功，返回的是一个 Promise。
try {
const value = await AsyncStorage.getItem('@mykey');
if (value !== null) {
console.log(value);
}
} catch (error) {
console.log(error);
}删除数据
使用 AsyncStorage.removeItem(key) 方法来删除存储在本地的数据，其中 key 是需要删除的键名。
try {
await AsyncStorage.removeItem('@mykey');
} catch (error) {
console.log(error);
}示例代码
这里提供一个简单的示例代码，演示如何在 React Native 中使用 AsyncStorage 实现简单的存储和读取：
-- -------------------- ---- -------
------ ------ ---------- ---- --------
------ ------ ---------- ------- ----- ---- ---------------
------ ------------ ---- --------------------------------------------
----- --- - -- -- -
----- ---------------- ------------------ - -------------
----- ----------- ------------- - -------------
----- ------------ - ------ -- -
------------------------
--
----- --------- - ----- -- -- -
--- -
----- ------------------------------ ----------------
-----------------------------
----------------------
- ----- --- -
---------------
-
--
----- ------- - ----- -- -- -
--- -
----- ----- - ----- -------------------------------
-- ------ --- ----- -
--------------------
- ---- -
--------------- ----- --------
-
- ----- --- -
---------------
-
--
----- --------- - ----- -- -- -
--- -
----- ----------------------------------
-----------------
- ----- --- -
---------------
-
--
------ -
----- ---------------- -----
----------
-------------------- -- ------------ -------- -------- ---
------------------ ---- -- ------
---------------------------
----------------------
--
----- ---------------- -----
------- ------------ ----- ------------------- --
-------
----- ---------------- -----
------- ---------- ----- ----------------- --
-------
----- ---------------- -----
------- ------------ ----- ------------------- --
-------
----- ---------------- -----------------------
-------
--
--
------ ------- ----总结
在本文中，我们了解了 React Native 中如何使用 AsyncStorage 来进行本地存储。使用 AsyncStorage 可以轻松地实现在 React Native 应用中实现简单的本地存储功能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6453b184968c7c53b07f03b7