How to set defaultValue for multi select?

Question

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

{Details.map(Det=>
<Select
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

/>
)}

Vaibhav Chauhan · 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 jp · Answer

thank you so much its woking

selvi jp · Answer

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 Chauhan · Answer

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 Chauhan · Answer

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( defaultValue={defaultValueArr } placeholder={"Select Mates"} onChange={this.dropdownhandleChange} options={Dropdownlist.map(e => ({ label: e.Name, value: e.Id}))} isMulti />) }

How to set defaultValue for multi select?

Answers (5)