textarea 多行输入
Textarea 组件是一种常见的用户界面组件,用于提供多行文本输入的区域。它允许用户在文本框中输入和编辑大段的文本内容。
Props参数
名称 | 类型 | 是否必传 | 默认值 | 描述 |
---|---|---|---|---|
showLimit | boolean | 否 | - | 是否显示限制输入 |
height | number | 否 | - | 输入框高度 |
示例
tsx
import { useState } from 'react'
import MMTextarea from '~/components/textarea'
import MMPageContainer from '../_components/page-container'
import PageDemoBlock from '../_components/page-demo-block'
export default () => {
const [value, setValue] = useState('')
function onInput(value) {
setValue(value)
}
return (
<MMPageContainer title="多行输入">
<PageDemoBlock className="container">
<MMTextarea value={value} placeholder="请输入简介" maxlength={100} showLimit showCount onChange={onInput} />
</PageDemoBlock>
</MMPageContainer>
)
}