ant-design/components/input/demo/allowClear.md

order	title
11	zh-CN en-US 带移除图标 With clear icon

zh-CN

带移除图标的输入框，点击图标删除所有内容。

en-US

Input box with the remove icon, click the icon to delete everything.

import { Input } from 'antd';
import React from 'react';

const { TextArea } = Input;

const onChange = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {
  console.log(e);
};

const App: React.FC = () => (
  <>
    <Input placeholder="input with clear icon" allowClear onChange={onChange} />
    <br />
    <br />
    <TextArea placeholder="textarea with clear icon" allowClear onChange={onChange} />
  </>
);

export default App;