skratchdot / react-bootstrap-multiselect

A multiselect component for react (with bootstrap). This is a react port of bootstrap-multiselect.
http://projects.skratchdot.com/react-bootstrap-multiselect/
Other
119 stars 62 forks source link

how to set default selected in list #60

Closed jinggoing closed 7 years ago

jinggoing commented 7 years ago

var data = [{value:1,label:'a'},{value:2,label:'b'}] var tableList = [ {value:1,title:'t1'},{value:2,title:'t2'} ]

tableList.map((item, index){ // how to set Multiselect default selected by item.value

})

skratchdot commented 7 years ago

You just need to set the selected property to true or false:

var data = [{value:1,label:'a'},{value:2,label:'b'}]
var selectedValue = 2;

// set "selected" properties
console.log('before map:', data);
data = data.map((d) => {
  d.selected = d.value === selectedValue;
  return d;
});
console.log('after map:', data);