ant-design/components/cascader/demo/suffix.md
二货机器人 64b905e9bd
chore: Update @ant-design/icons deps (#19979)
* update icons deps

* update all icon ref

* fix lint

* update snapshot
2019-11-28 12:34:33 +08:00

79 lines
1.2 KiB
Markdown

---
order: 11
debug: true
title:
zh-CN: 后缀图标
en-US: Suffix
---
## zh-CN
省市区级联。
## en-US
Cascade selection box for selecting province/city/district.
```jsx
import { Cascader } from 'antd';
import { SmileOutlined } from '@ant-design/icons';
const options = [
{
value: 'zhejiang',
label: 'Zhejiang',
children: [
{
value: 'hangzhou',
label: 'Hangzhou',
children: [
{
value: 'xihu',
label: 'West Lake',
},
],
},
],
},
{
value: 'jiangsu',
label: 'Jiangsu',
children: [
{
value: 'nanjing',
label: 'Nanjing',
children: [
{
value: 'zhonghuamen',
label: 'Zhong Hua Men',
},
],
},
],
},
];
function onChange(value) {
console.log(value);
}
ReactDOM.render(
<div>
<Cascader
suffixIcon={<SmileOutlined />}
options={options}
onChange={onChange}
placeholder="Please select"
/>
<Cascader
suffixIcon="ab"
style={{ marginTop: '1rem' }}
options={options}
onChange={onChange}
placeholder="Please select"
/>
</div>,
mountNode,
);
```