Nilesh :
I have below the array.
["Strong", "Good", "Satisfactory", "Weak", "Default", "None"]
I want to bind each value to dropdown so that the user can select any one from it using dropdown control.
I am struggling to do that using react js. I am using react boostrap dropdown.
Can you please help. Thanks in advance. I have below code for drodown.
<Dropdown id={id} key={id}>
<Dropdown.Toggle>-------Select-------</Dropdown.Toggle>
<Dropdown.Menu>
<Dropdown.Item href="#action-1" onClick={this.onClickHandler}>
array value 0
</Dropdown.Item>
<Dropdown.Item href="#action-1" onClick={this.onClickHandler}>
array value 1
</Dropdown.Item>
<Dropdown.Item href="#action-1" onClick={this.onClickHandler}>
array value 2
</Dropdown.Item>
</Dropdown.Menu>
</Dropdown>;
sv12 :
Map over the array items and render it in the JSX like this:
//var arr=["Strong", "Good", "Satisfactory", "Weak", "Default", "None"];
//map over the above array
<Dropdown>
<Dropdown.Toggle>-------Select-------</Dropdown.Toggle>
<Dropdown.Menu>
{arr.map(item => (
<DropdownItem>{item}</DropdownItem>
))}
</Dropdown.Menu>
</Dropdown>
Guess you like
Origin http://10.200.1.11:23101/article/api/json?id=390617&siteId=1