taro-picker-cascader
v0.0.4
Published
基于Taro的弹窗级联React组件
Downloads
4
Readme
taro-picker-cascader
基于Taro3、React的H5和微信小程序多端弹窗级联组件
安装
npm install taro-picker-cascader
导入组件
import Cascader from 'taro-picker-cascader'
参数说明
Cascader
| 参数 | 描述 | 类型 | 必传 | 默认值 |
Events
| 事件名 | 描述 | 类型 | 必传 | 默认值 | | -------------- | ------------------------------ | -------- | --- | --- |
使用
import Cascader, { CascaderOptions, DataSource, Tab } from 'taro-picker-cascader';
export default function Demo() {
const options: DataSource[] = [
{
label: '北京',
value: 'beijing',
children: [
{
label: '北京市1',
value: 'beijing1',
},
{
label: '北京市2',
value: 'beijing2',
},
],
},
{
label: '天津',
value: 'tianjin',
children: [
{
label: '天津市1',
value: 'tianjin1',
},
],
},
]
const [visible, setVisible] = useState(true)
const handleConfirm = (ids: string[], tabs: Tab[]) => {}
return (
<Cascader visible={visible} onShow={setVisible} options={options} onConfirm={handleConfirm} />
)
}