How to set defaultValue for multi select?

selvi jp

I want to defaultvalue in multiple.But i can only fetch one value.How can i use Array in default value

{Details.map(Det=>
defaultValue={{ label: Det.user_id, value: Det.user_id }}
placeholder={"Select Mates"}
onChange={this.dropdownhandleChange}
options={Dropdownlist.map(e => ({ label: e.Name, value: e.Id}))}
isMulti

/>
)}

5 Replies

Know the answer? Post it — somebody with the same question will find it here.

Vaibhav Chauhan5y ago
Accepted answer
Do not split the defaultValueArr. Use below code instead:
Details.map((Det)=>{
Det.user_id. split(',').map((userID)=>{
   defaultValueArr.push({ label: userID, value: userID });
   });
});
Splited values will be stored in defaultValueArr.
selvi jp5y ago
thank you so much its woking
selvi jp5y ago
if i split defaultValue array .this error will appear

var defaultValueArr = [];
Details.map((Det)=>{ defaultValueArr.push({ label: Det.user_id, value: Det.user_id })}); console.log(defaultValueArr.Split(','));
Vaibhav Chauhan5y ago
Check your data by printing it in console. I think you are getting multiple values in comma seperated string

so you need to split the seperated string and form the defaultValue array .

Or try to debug the code and check the length of Details array.
Vaibhav Chauhan5y ago
You need to fetch the value from API and form an array to pass in default Value:

render(){

var defaultValueArr = [];

Details.map((Det)=>{ defaultValueArr .push({ label: Det.user_id, value: Det.user_id })});

return(