diff --git a/zh-cn/react-native-async-storage-async-storage.md b/zh-cn/react-native-async-storage-async-storage.md
index f5599bbd6135bdae0190bfe929b09fa2eec44e99..b57ff284835c4e15d465883a5bc2d3380f92c3d0 100644
--- a/zh-cn/react-native-async-storage-async-storage.md
+++ b/zh-cn/react-native-async-storage-async-storage.md
@@ -43,28 +43,41 @@ 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
-    }
-  } catch (e) {
-    // error reading value
-  }
-};
+export function AsyncDemo(): JSX.Element{
+    const [storageValue,setStorageValue] = useState("张三")
+    const storeData = async () => {
+        try {
+          await AsyncStorage.setItem("my-key", "李四");
+        } catch (e) {
+          
+        }
+      };
+      
+      // Reading data
+      const getData = async () => {
+        try {
+          const value = await AsyncStorage.getItem("my-key");
+          
+          if (value !== null) {
+            setStorageValue(value)
+          }
+
+        } catch (e) {
+         
+        }
+      };
+     return <View>
+        <Button onPress={storeData} title="设置storage!" />
+        <Button onPress={getData} title="获取storage!" />
+        <Text style={{color:"#fff"}}>{storageValue}</Text>
+      </View>
+}
+
 ```
 
 ## Link
diff --git a/zh-cn/react-native-community-datetimepicker.md b/zh-cn/react-native-community-datetimepicker.md
index 3624af5ea9f77c1ce1729180242da67a8fe9fd7a..f299a1a2966074bd60ddfde1b59e3d6231c0636a 100644
--- a/zh-cn/react-native-community-datetimepicker.md
+++ b/zh-cn/react-native-community-datetimepicker.md
@@ -43,48 +43,64 @@ yarn add @react-native-oh-tpl/datetimepicker@file:#
 > [!WARNING] 使用时 import 的库名不变。
 
 ```js
+import React from 'react';
+import { View,Button, Text, SafeAreaView } from 'react-native';
+
 import DateTimePicker from '@react-native-community/datetimepicker';
+import { isNil } from 'lodash';
+
+export type AndroidMode = 'date' | 'time';
+
+export type EvtTypes = 'set' | 'neutralButtonPressed' | 'dismissed';
+
+export type DateTimePickerEvent = {
+    type: EvtTypes;
+    nativeEvent: {
+        timestamp: number;
+        utcOffset: number;
+    };
+};
+
+export function DatetimepickerExample() {
+     const [date, setDate] = React.useState(new Date());
+    const [mode, setMode] = React.useState('date' as AndroidMode);
+    const [show, setShow] = React.useState(false);
+
+    const onChange = (event: DateTimePickerEvent, selectedDate?: Date) => {
+        const currentDate = selectedDate;
+        setShow(false);
+        if (!isNil(currentDate)) {
+            setDate(currentDate);
+        }
+    };
+
+    const showMode = (currentMode: AndroidMode) => {
+        setShow(true);
+        setMode(currentMode);
+    };
+
+    const showDatepicker = () => {
+        showMode('date');
+    };
+
+    const showTimepicker = () => {
+        showMode('time');
+    };
 
-export const App = () => {
-  const [date, setDate] = useState(new Date(1598051730000));
-  const [mode, setMode] = useState('date');
-  const [show, setShow] = useState(false);
-
-  const onChange = (event, selectedDate) => {
-    const currentDate = selectedDate;
-    setShow(false);
-    setDate(currentDate);
-  };
-
-  const showMode = (currentMode) => {
-    setShow(true);
-    setMode(currentMode);
-  };
-
-  const showDatepicker = () => {
-    showMode('date');
-  };
-
-  const showTimepicker = () => {
-    showMode('time');
-  };
-
-  return (
-     </SafeAreaView>
-      <Button onPress={showDatepicker} title="Show date picker!" />
-      <Button onPress={showTimepicker} title="Show time picker!" />
-      <Text>selected: {date.toLocaleString()}</Text>
-      {show && (
-        <DateTimePicker
-          testID="dateTimePicker"
-          value={date}
-          mode={mode}
-          is24Hour={true}
-          onChange={onChange}
-        />
-      )}
-    </SafeAreaView>
-  );
+    return (
+        <SafeAreaView>
+            <Button onPress={showDatepicker} title="Show date picker!" />
+             <Button onPress={showTimepicker} title="Show time picker!" />
+            <Text>selected: {date.toLocaleString()}</Text>
+            <DateTimePicker
+                testID="dateTimePicker"
+                value={date}
+                mode={mode}
+                is24Hour={true}
+                onChange={onChange}
+            />
+        </SafeAreaView>
+    );
 };
 ```
 
diff --git a/zh-cn/react-native-geolocation.md b/zh-cn/react-native-geolocation.md
index 1374e306eeb2765497d79f112deb619e2791d1e4..cb920545b3ae7d48c3083d9adc84baa8b9a3d18e 100644
--- a/zh-cn/react-native-geolocation.md
+++ b/zh-cn/react-native-geolocation.md
@@ -43,15 +43,25 @@ yarn add @react-native-oh-tpl/react-native-geolocation@file:#
 > [!WARNING] 使用时 import 的库名不变。
 
 ```js
-// setRNConfiguration 为例
-Geolocation.setRNConfiguration(
-  config: {
-    skipPermissionRequests: boolean;
-    authorizationLevel?: 'always' | 'whenInUse' | 'auto';
-    enableBackgroundLocationUpdates?: boolean;
-    locationProvider?: 'playServices' | 'android' | 'auto';
-  }
-) => void
+
+	import Geolocation from '@react-native-oh-tpl/react-native-geolocation';
+	import { Button } from 'react-native';
+
+	export function GeolocationDemo(): JSX.Element{
+	const tap=()=>{
+	  Geolocation.setRNConfiguration({
+		skipPermissionRequests: true,
+		authorizationLevel:  'auto' ,
+		enableBackgroundLocationUpdates: true,
+		locationProvider: 'auto'
+	  });
+	}
+	  return(
+		<Button title='test' onPress={tap}/>
+	  )
+	}
+
+
 ```
 
 ## Link