mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-05 01:19:45 +08:00
58df74c38e
* docs(badge): replace class component with hooks * docs(button): replace class component with hooks * docs(calendar): replace class component with hooks * docs(card): replace class component with hooks * docs(button): replace class component with hooks * chore(deps): remove webpack devDependencies * docs(cascader): replace class component with hooks * docs(checkbox): replace class component with hooks * docs(collapse): replace class component with hooks * docs(comment): replace class component with hooks * docs(descriptions): replace class component with hooks * docs(config-provider): replace class component with hooks * docs(date-picker): replace class component with hooks * docs(drawer): replace class component with hooks * docs(dropdown): replace class component with hooks * docs(dropdown): replace class component with hooks * docs(empty): replace class component with hooks * docs(grid): replace class component with hooks * docs(input): replace class component with hooks * docs(input-number): replace class component with hooks * docs(demo): fix lint error
39 lines
1.0 KiB
Markdown
39 lines
1.0 KiB
Markdown
---
|
|
order: 99
|
|
title:
|
|
zh-CN: 文本域
|
|
en-US: TextArea
|
|
debug: true
|
|
---
|
|
|
|
## zh-CN
|
|
|
|
用于多行输入。
|
|
|
|
## en-US
|
|
|
|
For multi-line input.
|
|
|
|
```jsx
|
|
import { Input, Button } from 'antd';
|
|
|
|
const { TextArea } = Input;
|
|
|
|
const defaultValue =
|
|
'The autoSize property applies to textarea nodes, and only the height changes automatically. In addition, autoSize can be set to an object, specifying the minimum number of rows and the maximum number of rows. The autoSize property applies to textarea nodes, and only the height changes automatically. In addition, autoSize can be set to an object, specifying the minimum number of rows and the maximum number of rows.';
|
|
|
|
export default () => {
|
|
const [autoResize, setAutoResize] = React.useState(false);
|
|
|
|
return (
|
|
<>
|
|
<Button onClick={() => setAutoResize(!autoResize)} style={{ marginBottom: 16 }}>
|
|
Auto Resize: {String(autoResize)}
|
|
</Button>
|
|
<TextArea rows={4} autoSize={autoResize} defaultValue={defaultValue} />
|
|
<TextArea allowClear style={{ width: 93 }} />
|
|
</>
|
|
);
|
|
};
|
|
```
|