# Textarea 代替原生Textarea

---

Textarea 组件，用于解决原生textarea最高层级问题

## 使用指南

在 Taro 文件中引入组件

:::demo

```js
import Taro, { Component, Config } from "@tarojs/taro";
import { View, Text, ScrollView } from "@tarojs/components";

import TctTextarea from "taro-tools-ui";
import "./index.scss";

class Index extends Component<IndexProps, IndexState> {
  config: Config = {
    navigationBarTitleText: 'index',
    disableScroll: true,
  }

  state = {
    text: '',
  };

  onTextField = (e) => {
    this.setState({ text: e.detail.value });
  }


  render() {
    const { current, total } = this.state;
    return (
        <TctTextarea
          value={text}
          onInput={e => this.onTextField(e)}
        />
    );
  }
}
```

## 一般用法

说明：

- 该组件基于Taro组件库中Textarea组件，主要用于解决Textarea层级最高的问题

:::

## 参数

| 参数        | 说明                       | 类型        | 可选值 | 默认值 |
| ----------- | ------------------------- | -----------| ------| ------ |
| value       | 组件绑定值                              | string   | 可选   | -      |
| behind      |控制层级字段，true时使用假view代替textarea  | boolean  | 必选   | -      |
| placeholder | placeholder                            | Int      | 必选   | -      |
| maxlength   | 最大字数                                | Number   | 可选   | -      |
| disabled    | 是否禁用                                | boolean  | 可选   | -      |
| onInput     | 输入事件                                | Function | 必选   | -      |

## 事件

| 事件名称 | 说明                 | 返回参数 |
| -------- | -------------------- | -------- |