wz-react-multi-select

| 字段名 | 类型 | 是否必填 | 说明 | | :------: | :------: | :------: | :------: | | list | list<id , name> | 是 | 下拉列表数据，每个元素必须包括id , name两个字段 | | value | list<id> | 是

Usage no npm install needed!

<script type="module">
  import wzReactMultiSelect from 'https://cdn.skypack.dev/wz-react-multi-select';
</script>

README

使用方法

字段名	类型	是否必填	说明
list	list<id , name>	是	下拉列表数据，每个元素必须包括id , name两个字段
value	list	是	下拉列表的所选值
onChange(item)	function	是	被选择时回调函数

代码

this.state = {
    list : [
        {id : 1 , name: '杭州'},
        {id : 2 , name: '宁波'},
        {id : 3 , name: '舟山'},
        {id : 4 , name: '绍兴'},
        {id : 5 , name: '嘉兴'},
        {id : 6 , name: '衢州'}
    ],
    value : [2,3]
}
<MultiSelect list={this.state.list}  value={this.state.value} onChange={(value) => {
    this.setState({
        value : value
    })
    console.log(value);
}} />