mirror of
https://github.com/ant-design/ant-design.git
synced 2024-11-25 19:50:05 +08:00
7fd093bd0a
* docs: add general components TS demo * docs: add layout components TS demo * docs: add navigation components TS demo * docs: add data entry components TS demo * chore(deps): add types for qs * docs: add data display TS demo * docs: add feedback components TS demo * docs: add other components TS demo * chore(deps): add types * docs: unified demo code style * docs: fix lint error * docs: add demo TS type * docs: fix demo TS type * test: update snapshot * docs: fix TS demo * feat: update Rate character type * docs: fix lint error * feat: update Rate character type * feat: update Rate character type
42 lines
1.1 KiB
Markdown
42 lines
1.1 KiB
Markdown
---
|
|
order: 99
|
|
title:
|
|
zh-CN: 文本域
|
|
en-US: TextArea
|
|
debug: true
|
|
---
|
|
|
|
## zh-CN
|
|
|
|
用于多行输入。
|
|
|
|
## en-US
|
|
|
|
For multi-line input.
|
|
|
|
```tsx
|
|
import React, { useState } from 'react';
|
|
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.';
|
|
|
|
const App: React.FC = () => {
|
|
const [autoResize, setAutoResize] = 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 }} />
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default App;
|
|
```
|