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 |