diff --git a/zh-cn/react-native-async-storage-async-storage.md b/zh-cn/react-native-async-storage-async-storage.md index c28b26d40a17691068eed8c86e6b06d6671163ec..98eca3d48fbd125f9deb8c24e435e6b1c7f0570d 100644 --- a/zh-cn/react-native-async-storage-async-storage.md +++ b/zh-cn/react-native-async-storage-async-storage.md @@ -1,5 +1,5 @@ -> 模板版本:v0.1.3 +> 模板版本:v0.2.2

@react-native-async-storage/async-storage

@@ -13,11 +13,11 @@

-> [!tip] [Github 地址](https://github.com/react-native-oh-library/async-storage) +> [!TIP] [Github 地址](https://github.com/react-native-async-storage/async-storage) ## 安装与使用 -请到三方库的 Releases 发布地址查看配套的版本信息:[@react-native-oh-tpl/async-storage> Releases](https://github.com/react-native-oh-library/async-storage/releases),并下载适用版本的 tgz 包。 +请到三方库的 Releases 发布地址查看配套的版本信息:[@react-native-oh-tpl/async-storage Releases](https://github.com/react-native-oh-library/async-storage/releases),并下载适用版本的 tgz 包。 进入到工程目录并输入以下命令: @@ -44,35 +44,60 @@ yarn add @react-native-oh-tpl/async-storage@file:# > [!WARNING] 使用时 import 的库名不变。 ```js +import React, { useState } from 'react'; import AsyncStorage from "@react-native-async-storage/async-storage"; +import { View, Text, Button } from "react-native-harmony"; // Storing data -const storeData = async (value) => { - try { - await AsyncStorage.setItem("my-key", value); - } catch (e) { - // saving error - } -}; - -// Reading data -const getData = async () => { - try { - const value = await AsyncStorage.getItem("my-key"); - if (value !== null) { - // value previously stored +export function AsyncDemo(): JSX.Element { + const [storageValue, setStorageValue] = useState("张三") + const storeData = async () => { + try { + await AsyncStorage.setItem("my-key", "李四"); + } catch (e) { + } - } catch (e) { - // error reading value - } -}; + }; + + // Reading data + const getData = async () => { + try { + const value = await AsyncStorage.getItem("my-key"); + + if (value !== null) { + setStorageValue(value) + } + + } catch (e) { + + } + }; + return +