diff --git a/src/packages/textarea/demo.taro.tsx b/src/packages/textarea/demo.taro.tsx
index 5d4a9027a5..32f0e0c096 100644
--- a/src/packages/textarea/demo.taro.tsx
+++ b/src/packages/textarea/demo.taro.tsx
@@ -94,7 +94,7 @@ const TextAreaDemo = () => {
         <Demo7 />
         <View className="h2">{translated.textAlign}</View>
         <Demo8 />
-        <h2>{translated.error}</h2>
+        <View className="h2">{translated.error}</View>
         <Demo9 />
       </ScrollView>
     </>
diff --git a/src/packages/textarea/demos/h5/demo1.tsx b/src/packages/textarea/demos/h5/demo1.tsx
index 3e32704ca2..81789ed6a9 100644
--- a/src/packages/textarea/demos/h5/demo1.tsx
+++ b/src/packages/textarea/demos/h5/demo1.tsx
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Space, TextArea } from '@nutui/nutui-react'
 
-const Demo1 = () => {
+const Demo = () => {
   return (
     <Space direction="vertical">
       <TextArea
@@ -20,4 +20,4 @@ const Demo1 = () => {
     </Space>
   )
 }
-export default Demo1
+export default Demo
diff --git a/src/packages/textarea/demos/h5/demo2.tsx b/src/packages/textarea/demos/h5/demo2.tsx
index 89d2c76893..fa1bd1604f 100644
--- a/src/packages/textarea/demos/h5/demo2.tsx
+++ b/src/packages/textarea/demos/h5/demo2.tsx
@@ -1,8 +1,8 @@
 import React, { useState } from 'react'
 import { TextArea } from '@nutui/nutui-react'
 
-const Demo2 = () => {
+const Demo = () => {
   const [value, setValue] = useState('')
   return <TextArea value={value} onChange={(value) => setValue(value)} />
 }
-export default Demo2
+export default Demo
diff --git a/src/packages/textarea/demos/h5/demo3.tsx b/src/packages/textarea/demos/h5/demo3.tsx
index 7291921416..f793578e40 100644
--- a/src/packages/textarea/demos/h5/demo3.tsx
+++ b/src/packages/textarea/demos/h5/demo3.tsx
@@ -1,7 +1,7 @@
 import React from 'react'
 import { TextArea } from '@nutui/nutui-react'
 
-const Demo3 = () => {
+const Demo = () => {
   return <TextArea showCount maxLength={20} />
 }
-export default Demo3
+export default Demo
diff --git a/src/packages/textarea/demos/h5/demo4.tsx b/src/packages/textarea/demos/h5/demo4.tsx
index 10b429a2fe..9bf2d4ac6c 100644
--- a/src/packages/textarea/demos/h5/demo4.tsx
+++ b/src/packages/textarea/demos/h5/demo4.tsx
@@ -1,7 +1,7 @@
 import React from 'react'
 import { TextArea } from '@nutui/nutui-react'
 
-const Demo4 = () => {
+const Demo = () => {
   return <TextArea autoSize maxLength={-1} />
 }
-export default Demo4
+export default Demo
diff --git a/src/packages/textarea/demos/h5/demo5.tsx b/src/packages/textarea/demos/h5/demo5.tsx
index 254d08bc62..0b4d4cefae 100644
--- a/src/packages/textarea/demos/h5/demo5.tsx
+++ b/src/packages/textarea/demos/h5/demo5.tsx
@@ -1,7 +1,7 @@
 import React from 'react'
 import { ConfigProvider, TextArea } from '@nutui/nutui-react'
 
-const Demo5 = () => {
+const Demo = () => {
   const customTheme = {
     nutuiTextareaTextCurrorColor: `red`,
     nutuiTextareaLimitColor: `red`,
@@ -12,4 +12,4 @@ const Demo5 = () => {
     </ConfigProvider>
   )
 }
-export default Demo5
+export default Demo
diff --git a/src/packages/textarea/demos/h5/demo6.tsx b/src/packages/textarea/demos/h5/demo6.tsx
index 42b36a9847..7a5247ffe9 100644
--- a/src/packages/textarea/demos/h5/demo6.tsx
+++ b/src/packages/textarea/demos/h5/demo6.tsx
@@ -1,11 +1,7 @@
 import React from 'react'
 import { TextArea } from '@nutui/nutui-react'
 
-const Demo6 = () => {
-  return (
-    <>
-      <TextArea readOnly defaultValue="textarea只读状态" />
-    </>
-  )
+const Demo = () => {
+  return <TextArea readOnly defaultValue="textarea只读状态" />
 }
-export default Demo6
+export default Demo
diff --git a/src/packages/textarea/demos/h5/demo7.tsx b/src/packages/textarea/demos/h5/demo7.tsx
index ec141ce972..ffbd778a50 100644
--- a/src/packages/textarea/demos/h5/demo7.tsx
+++ b/src/packages/textarea/demos/h5/demo7.tsx
@@ -1,16 +1,14 @@
 import React from 'react'
 import { TextArea } from '@nutui/nutui-react'
 
-const Demo7 = () => {
+const Demo = () => {
   return (
-    <>
-      <TextArea
-        disabled
-        defaultValue="textarea禁用状态"
-        showCount
-        maxLength={20}
-      />
-    </>
+    <TextArea
+      disabled
+      defaultValue="textarea禁用状态"
+      showCount
+      maxLength={20}
+    />
   )
 }
-export default Demo7
+export default Demo
diff --git a/src/packages/textarea/demos/h5/demo8.tsx b/src/packages/textarea/demos/h5/demo8.tsx
index 65ac4a02ed..137e1fe6a0 100644
--- a/src/packages/textarea/demos/h5/demo8.tsx
+++ b/src/packages/textarea/demos/h5/demo8.tsx
@@ -1,7 +1,7 @@
 import React from 'react'
 import { TextArea } from '@nutui/nutui-react'
 
-const Demo8 = () => {
+const Demo = () => {
   return (
     <TextArea
       defaultValue="文本居右"
@@ -11,4 +11,4 @@ const Demo8 = () => {
     />
   )
 }
-export default Demo8
+export default Demo
diff --git a/src/packages/textarea/demos/h5/demo9.tsx b/src/packages/textarea/demos/h5/demo9.tsx
index 064dbb5808..bddf3ddbc8 100644
--- a/src/packages/textarea/demos/h5/demo9.tsx
+++ b/src/packages/textarea/demos/h5/demo9.tsx
@@ -1,7 +1,7 @@
 import React from 'react'
 import { TextArea } from '@nutui/nutui-react'
 
-const Demo8 = () => {
+const Demo = () => {
   return <TextArea status="error" defaultValue="输入内容错误" />
 }
-export default Demo8
+export default Demo
diff --git a/src/packages/textarea/demos/taro/demo1.tsx b/src/packages/textarea/demos/taro/demo1.tsx
index 9af4e91274..58da8cb52a 100644
--- a/src/packages/textarea/demos/taro/demo1.tsx
+++ b/src/packages/textarea/demos/taro/demo1.tsx
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Space, TextArea } from '@nutui/nutui-react-taro'
 
-const Demo1 = () => {
+const Demo = () => {
   return (
     <Space direction="vertical">
       <TextArea
@@ -20,4 +20,4 @@ const Demo1 = () => {
     </Space>
   )
 }
-export default Demo1
+export default Demo
diff --git a/src/packages/textarea/demos/taro/demo2.tsx b/src/packages/textarea/demos/taro/demo2.tsx
index f843bfd247..5321b7e93e 100644
--- a/src/packages/textarea/demos/taro/demo2.tsx
+++ b/src/packages/textarea/demos/taro/demo2.tsx
@@ -1,8 +1,8 @@
 import React, { useState } from 'react'
 import { TextArea } from '@nutui/nutui-react-taro'
 
-const Demo2 = () => {
+const Demo = () => {
   const [value, setValue] = useState('')
   return <TextArea value={value} onChange={(value) => setValue(value)} />
 }
-export default Demo2
+export default Demo
diff --git a/src/packages/textarea/demos/taro/demo3.tsx b/src/packages/textarea/demos/taro/demo3.tsx
index 9b33c14fcd..d37bf4ecb3 100644
--- a/src/packages/textarea/demos/taro/demo3.tsx
+++ b/src/packages/textarea/demos/taro/demo3.tsx
@@ -1,7 +1,7 @@
 import React from 'react'
 import { TextArea } from '@nutui/nutui-react-taro'
 
-const Demo3 = () => {
+const Demo = () => {
   return <TextArea showCount maxLength={20} />
 }
-export default Demo3
+export default Demo
diff --git a/src/packages/textarea/demos/taro/demo4.tsx b/src/packages/textarea/demos/taro/demo4.tsx
index 266513d773..5bea744db2 100644
--- a/src/packages/textarea/demos/taro/demo4.tsx
+++ b/src/packages/textarea/demos/taro/demo4.tsx
@@ -1,7 +1,7 @@
 import React from 'react'
 import { TextArea } from '@nutui/nutui-react-taro'
 
-const Demo4 = () => {
+const Demo = () => {
   return <TextArea autoSize maxLength={-1} />
 }
-export default Demo4
+export default Demo
diff --git a/src/packages/textarea/demos/taro/demo5.tsx b/src/packages/textarea/demos/taro/demo5.tsx
index d197f1ee46..da1d2e0d1b 100644
--- a/src/packages/textarea/demos/taro/demo5.tsx
+++ b/src/packages/textarea/demos/taro/demo5.tsx
@@ -1,7 +1,7 @@
 import React from 'react'
 import { ConfigProvider, TextArea } from '@nutui/nutui-react-taro'
 
-const Demo5 = () => {
+const Demo = () => {
   const customTheme = {
     nutuiTextareaTextCurrorColor: `red`,
     nutuiTextareaLimitColor: `red`,
@@ -12,4 +12,4 @@ const Demo5 = () => {
     </ConfigProvider>
   )
 }
-export default Demo5
+export default Demo
diff --git a/src/packages/textarea/demos/taro/demo6.tsx b/src/packages/textarea/demos/taro/demo6.tsx
index 950a3086e2..d956f9432b 100644
--- a/src/packages/textarea/demos/taro/demo6.tsx
+++ b/src/packages/textarea/demos/taro/demo6.tsx
@@ -1,11 +1,7 @@
 import React from 'react'
 import { TextArea } from '@nutui/nutui-react-taro'
 
-const Demo6 = () => {
-  return (
-    <>
-      <TextArea readOnly defaultValue="textarea只读状态" />
-    </>
-  )
+const Demo = () => {
+  return <TextArea readOnly defaultValue="textarea只读状态" />
 }
-export default Demo6
+export default Demo
diff --git a/src/packages/textarea/demos/taro/demo7.tsx b/src/packages/textarea/demos/taro/demo7.tsx
index 7da8f42c02..7c727e61e4 100644
--- a/src/packages/textarea/demos/taro/demo7.tsx
+++ b/src/packages/textarea/demos/taro/demo7.tsx
@@ -1,16 +1,14 @@
 import React from 'react'
 import { TextArea } from '@nutui/nutui-react-taro'
 
-const Demo7 = () => {
+const Demo = () => {
   return (
-    <>
-      <TextArea
-        disabled
-        defaultValue="textarea禁用状态"
-        showCount
-        maxLength={20}
-      />
-    </>
+    <TextArea
+      disabled
+      defaultValue="textarea禁用状态"
+      showCount
+      maxLength={20}
+    />
   )
 }
-export default Demo7
+export default Demo
diff --git a/src/packages/textarea/demos/taro/demo8.tsx b/src/packages/textarea/demos/taro/demo8.tsx
index f6b73fe9bf..eac5594c54 100644
--- a/src/packages/textarea/demos/taro/demo8.tsx
+++ b/src/packages/textarea/demos/taro/demo8.tsx
@@ -1,7 +1,7 @@
 import React from 'react'
 import { TextArea } from '@nutui/nutui-react-taro'
 
-const Demo8 = () => {
+const Demo = () => {
   return (
     <TextArea
       defaultValue="文本居右"
@@ -11,4 +11,4 @@ const Demo8 = () => {
     />
   )
 }
-export default Demo8
+export default Demo
diff --git a/src/packages/textarea/demos/taro/demo9.tsx b/src/packages/textarea/demos/taro/demo9.tsx
index d433660b45..21b716f82b 100644
--- a/src/packages/textarea/demos/taro/demo9.tsx
+++ b/src/packages/textarea/demos/taro/demo9.tsx
@@ -1,7 +1,7 @@
 import React from 'react'
 import { TextArea } from '@nutui/nutui-react-taro'
 
-const Demo8 = () => {
+const Demo = () => {
   return <TextArea status="error" defaultValue="输入内容错误" />
 }
-export default Demo8
+export default Demo
diff --git a/src/packages/textarea/textarea.taro.tsx b/src/packages/textarea/textarea.taro.tsx
index f24c909dab..5ca4239ce7 100644
--- a/src/packages/textarea/textarea.taro.tsx
+++ b/src/packages/textarea/textarea.taro.tsx
@@ -3,7 +3,6 @@ import classNames from 'classnames'
 import Taro from '@tarojs/taro'
 import {
   BaseEventOrig,
-  Text,
   Textarea,
   TextareaProps,
   View,
@@ -151,13 +150,13 @@ export const TextArea: FunctionComponent<Partial<TextAreaProps>> = (props) => {
           }
         />
         {showCount && (
-          <Text
+          <View
             className={classNames(`${classPrefix}-limit`, {
               [`${classPrefix}-limit-disabled`]: disabled,
             })}
           >
             {inputValue.length}/{maxLength < 0 ? 0 : maxLength}
-          </Text>
+          </View>
         )}
       </View>
     </>