Merge pull request #906 from thundersdata-frontend/rn-issue

fix: 修复TextArea设置value无效的bug
thundersdata-frontend · Oct 8, 2024 · 96d68e5 · 96d68e5
2 parents 739c759 + c514138
commit 96d68e5
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/.changeset/curly-balloons-hammer.md b/.changeset/curly-balloons-hammer.md
@@ -0,0 +1,5 @@
+---
+'@td-design/react-native': patch
+---
+
+fix: 修复TextArea设置value无效的bug
diff --git a/packages/react-native/src/input/useTextArea.ts b/packages/react-native/src/input/useTextArea.ts
@@ -1,9 +1,15 @@
+import { useEffect } from 'react';
+
 import { useSafeState } from '@td-design/rn-hooks';
 
 import type { TextAreaProps } from './TextArea';
 
 export default function useTextArea({ value, onChange }: Pick<TextAreaProps, 'value' | 'onChange'>) {
-  const [inputValue, setInputValue] = useSafeState(value);
+  const [inputValue, setInputValue] = useSafeState<string>();
+
+  useEffect(() => {
+    setInputValue(value ?? '');
+  }, [value]);
 
   const handleChange = (val: string) => {
     setInputValue(val);