电子商城测试版v3

src/components/textareaEnhance/index.tsx

@@ -1,5 +1,5 @@
 import {Textarea, View } from "@tarojs/components";
-import { memo, useMemo, useState } from "react";
+import { memo, useEffect, useMemo, useState } from "react";
 import styles  from './index.module.scss'
 import classnames from "classnames";
 
@@ -17,8 +17,7 @@ export default memo(({onChange, title = '', placeholder = '请输入', defaultVa
         count: 200,
         show: false
     })
-    const getDesc = (e) => {
-        let value = e.detail.value
+    const getDesc = (value) => {
         let res = value
         if(value.length > descData.count) {
             res = value.slice(0, descData.count)
@@ -27,6 +26,10 @@ export default memo(({onChange, title = '', placeholder = '请输入', defaultVa
         onChange?.(res)
     }
 
+    useEffect(() => {
+        getDesc(defaultValue)
+    }, [defaultValue])
+
     const toggleShowRealTextarea = (show) => {
         setDescData({...descData, show:show})
     }
@@ -34,7 +37,7 @@ export default memo(({onChange, title = '', placeholder = '请输入', defaultVa
         <View className={styles.other_desc}>
             <View className={styles.title}>{title}</View>
             <View className={styles.textarea}>
-                {descData.show&&<Textarea autoFocus value={descData.value} onBlur={() => toggleShowRealTextarea(false)} className={styles.textarea_con} cursorSpacing={100} maxlength={descData.count} onInput={(e) => getDesc(e)}></Textarea>||
+                {descData.show&&<Textarea autoFocus value={descData.value} onBlur={() => toggleShowRealTextarea(false)} className={styles.textarea_con} cursorSpacing={100} maxlength={descData.count} onInput={(e) => getDesc(e.detail.value)}></Textarea>||
                     <View className={classnames(styles.textarea_con_pretend, descData.value&&styles.textarea_con_pretend_ed)} onClick={() => toggleShowRealTextarea(true)}>{descData.value||placeholder}</View>
                 }
                 <View className={styles.descDataNum}>{descData.number +'/'+ descData.count}</View>