一、找个数据
例:https://gitee.com/gaohuazi/china_regions/tree/master/json
二、引入 region.json 和 Cascader
1、import region from ‘region.json’
2、import { Cascader } from ‘antd’;
三、自定义字段名
四、选择后展示的渲染函数 displayRender
<Cascader
fieldNames={{ label: 'name', value: 'code' }}//自定义字段名
options={region}
onChange={(e) => { console.log(e, 1) }}
displayRender={(e) => {//选择后展示的渲染函数
console.log(e, 2)
return (
e.join('/')
)
}}
showSearch={(val, arrs)=>{return arrs.some(option => option.label.includes(val));}}//筛选
placeholder="请填写开户名称"
/>
完------
展示