--- order: 0 title: zh-CN: 基本 en-US: Basic --- ## zh-CN 省市区级联。 ## en-US Cascade selection box for selecting province/city/district. ```tsx import { Cascader } from 'antd'; import React from 'react'; interface Option { value: string | number; label: string; children?: Option[]; } const options: Option[] = [ { 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', }, ], }, ], }, ]; const onChange = (value: string[]) => { console.log(value); }; const App: React.FC = () => ( <Cascader options={options} onChange={onChange} placeholder="Please select" /> ); export default App; ```