\n \n | autoClearSearchValue | \n boolean | \n true | \n Whether the current search will be cleared on selecting an item. Only applies when checkable | \n
\n \n | options | \n Object | \n | \n The data options of cascade | \n
\n \n | value | \n Array | \n | \n selected value | \n
\n \n | defaultValue | \n Array | \n | \n initial selected value | \n
\n \n | onChange | \n Function(value, selectedOptions) | \n | \n callback when finishing cascader select | \n
\n \n | changeOnSelect | \n Boolean | \n false | \n change value on each selection | \n
\n \n | loadData | \n Function(selectedOptions) | \n | \n callback when click any option, use for loading more options | \n
\n \n | expandTrigger | \n String | \n 'click' | \n expand current item when click or hover | \n
\n \n | open | \n Boolean | \n | \n visibility of popup overlay | \n
\n \n | onDropdownVisibleChange | \n Function(visible) | \n | \n callback when popup overlay's visibility changed | \n
\n \n | transitionName | \n String | \n | \n transition className like \"slide-up\" | \n
\n \n | prefixCls | \n String | \n rc-cascader | \n prefix className of popup overlay | \n
\n \n | dropdownClassName | \n String | \n | \n additional className of popup overlay | \n
\n \n | popupPlacement | \n String | \n bottomLeft | \n use preset popup align config from builtinPlacements：bottomRight topRight bottomLeft topLeft | \n
\n \n | getPopupContainer | \n function(trigger:Node):Node | \n () => document.body | \n container which popup select menu rendered into | \n
\n \n | dropdownMenuColumnStyle | \n Object | \n | \n style object for each cascader pop menu | \n
\n \n | fieldNames | \n Object | \n { label: 'label', value: 'value', children: 'children' } | \n custom field name for label and value and children | \n
\n \n | expandIcon | \n ReactNode | \n > | \n specific the default expand icon | \n
\n \n | loadingIcon | \n ReactNode | \n > | \n specific the default loading icon | \n
\n \n | hidePopupOnSelect | \n Boolean | \n >true | \n hide popup on select | \n
\n \n![\"IE](\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png\")
](http://godban.github.io/browsers-support-badges/)![\"Firefox\"](\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png\")
](http://godban.github.io/browsers-support-badges/)![\"Chrome\"](\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png\")
](http://godban.github.io/browsers-support-badges/)![\"Safari\"](\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png\")
](http://godban.github.io/browsers-support-badges/)![\"Electron\"](\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/electron/electron_48x48.png\")
](http://godban.github.io/browsers-support-badges/)![](\"https://os.alipayobjects.com/rmsportal/TYFXEbuQXIaMqQF.png\")
\n\n## Example\n\nhttps://cascader-react-component.vercel.app\n\n## Install\n\n[](https://npmjs.org/package/rc-cascader)\n\n```bash\n$ npm install rc-cascader --save\n```\n\n## Usage\n\n```js\nimport React from 'react';\nimport Cascader from 'rc-cascader';\n\nconst options = [{\n 'label': '福建',\n 'value': 'fj',\n 'children': [{\n 'label': '福州',\n 'value': 'fuzhou',\n 'children': [{\n 'label': '马尾',\n 'value': 'mawei',\n }],\n }, {\n 'label': '泉州',\n 'value': 'quanzhou',\n }],\n}, {\n 'label': '浙江',\n 'value': 'zj',\n 'children': [{\n 'label': '杭州',\n 'value': 'hangzhou',\n 'children': [{\n 'label': '余杭',\n 'value': 'yuhang',\n }],\n }],\n}, {\n 'label': '北京',\n 'value': 'bj',\n 'children': [{\n 'label': '朝阳区',\n 'value': 'chaoyang',\n }, {\n 'label': '海淀区',\n 'value': 'haidian',\n }],\n}];\n\nReact.render(\n