diff --git a/zh-cn/react-native-community-segmented-control.md b/zh-cn/react-native-community-segmented-control.md
index 4085a0feed6110858e361ec679781b41aa41d302..931db50136f43e590fcc4bdf06b705735b37c17d 100644
--- a/zh-cn/react-native-community-segmented-control.md
+++ b/zh-cn/react-native-community-segmented-control.md
@@ -1,4 +1,5 @@
-> 模板版本：v0.1.2
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-community/segmented-control</code> </h1>
@@ -37,17 +38,23 @@ yarn add @react-native-segmented-control/segmented-control@^2.5.0
 下面的代码展示了这个库的基本使用场景：
 
 ```js
+import React, { useState, useEffect } from "react";
 import SegmentedControl from "@react-native-segmented-control/segmented-control";
 
-return (
-  <SegmentedControl
-    values={["One", "Two"]}
-    selectedIndex={this.state.selectedIndex}
-    onChange={(event) => {
-      this.setState({ selectedIndex: event.nativeEvent.selectedSegmentIndex });
-    }}
-  />
-);
+const CustomValues = ["One", "Two"];
+
+export const MSegmentedControl: React.FC = (): JSX.Element => {
+
+    const [selectedIndex, setSelectedIndex] = useState(0);
+
+    return <SegmentedControl
+        values={["One", "Two"]}
+        selectedIndex={selectedIndex}
+        onChange={(event) => {
+            setSelectedIndex(event.nativeEvent.selectedSegmentIndex);
+        }}
+    />;
+}
 ```
 
 ## 约束与限制
@@ -56,8 +63,7 @@ return (
 
 在下述版本验证通过：
 
-1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
-2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
+1. RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1) ; IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
 
 ## 属性
 
@@ -89,3 +95,5 @@ return (
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-segmented-control/segmented-control/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file