1.0.5 • Published 5 years ago
example:
import React from 'react';
import SelectList from '../../src/index'
const demoData= [
{
label:'hahahh',
value:'1',
checked:false,
disabled:false
},
{
label:'hahahh2',
value:'2',
checked:false,
disabled:false
},
{
label:'hahahh3',
value:'3',
checked:false,
disabled:false
},
{
label:'hahahh4',
value:'4',
checked:false,
disabled:true
},
]
export default function(){
return <SelectList
onSubmit={(list)=>{console.log(list)}}
selectList={demoData}
maxHeight={200}
emptyTitle={'没有,空的,待添加~'}
/>
}
参数
名 | 说明 | 类型 | 是否必传 | 默认值 |
---|
selectList | 传入展示选择的数据 | 数组 | 是 | [] |
maxHeight | 展示的最大高度,超出滚动内容部分 | 数字 | 否 | 290,number |
onSubmit | 点击确认按钮时候的事件 | (list)=>{} | 是 | 无 |
emptyTitle | 数据为空时候的提示语 | string | 否 | 快来添加吧~ |
selectList
名 | 意义 | 是否必传 | 默认 |
---|
label | 展示名称 | 是 | 空 |
value | 标识数据 | 是 | 空 |
checked | 是否选中 | 是 | false |
disabled | 是否不可编辑 | 是 | false |