taro中Textarea怎么限制最多输入50个字完整代码

在Taro (React Native/Weex) 中，你可以使用 `input` 组件结合自定义的 `maxLength` 属性以及 `onChange` 事件处理器来限制 Textarea 的最大字符数。以下是一个简单的示例代码：

import { View, TextInput } from '@tarojs/components';

const LimitInput = ({ maxLength }) => {
  const [value, setValue] = useState('');

  const handleChange = (event) => {
    if (event.detail.value.length <= maxLength) {
      setValue(event.detail.value);
    }
  };

  return (
    <View>
      <Textarea
        placeholder="请输入不超过50个字符的内容"
        value={value}
        maxLength={maxLength}
        onChange={handleChange}
        onEndEditing={(event) => {
          if (event.detail.value.length > maxLength) {
            setValue(value.slice(0, maxLength));
          }
        }}
      />
    </View>
  );
};

// 使用 LimitInput 组件时，传入50作为最长字符数
<LimitInput maxLength={50} />

在这个例子中，当用户输入超过50个字符时，`onEndEditing` 会在编辑框失去焦点时自动截断超出的部分。同时，`handleChange` 防止用户实时输入过多字符。