Merge branch 'master' of http://git.bimwe.com/tennis/mini-programs

src/components/TitleTextarea/TitleTextarea.tsx

@@ -1,6 +1,7 @@
-import React from 'react'
+import React, { useCallback } from 'react'
 import { View } from '@tarojs/components'
-import { TextArea } from '@nutui/nutui-react-taro'
+import { TextArea } from '@nutui/nutui-react-taro';
+
 import './index.scss'
 
 interface TitleTextareaProps {
@@ -20,14 +21,22 @@ const TitleTextarea: React.FC<TitleTextareaProps> = ({
   onFocus,
   onBlur
 }) => {
+  const handleChange = useCallback((values) => {
+    if (values.length > maxLength ) {
+      const newValues = values.slice(0, maxLength)
+      onChange(newValues)
+      return;
+    }
+   onChange(values)
+  }, [])
   return (
     <View className='title-input-wrapper'>
       <TextArea
         className='title-input'
         placeholder={placeholder}
         value={value}
-        onInput={(e) => onChange(e.detail.value)}
+        onInput={(e) => handleChange(e.detail.value)}
-        maxlength={maxLength}
+       // maxlength={maxLength}
         autoSize={true}
         placeholderClass='title-input-placeholder'
         onFocus={onFocus}