Examples:
```js
const sections = [
[
{
iconName: 'bookmark-o',
text: 'Bookmark'
},
{
iconName: 'commenting-o',
text: 'Live Chat'
}
],
[
{
iconName: 'cog',
text: 'Settings'
},
{
iconName: 'sign-out',
text: 'Logout'
}
]
];
const selectItem = (item) => {
console.log(item);
dropdown.closeDropdown();
};
const listSections = () => {
return sections.map((section) => {
const items = section.map((item) => (
}
onClick={selectItem}
>
{item.text}
));
return (
{items}
);
});
};
{listSections()}
}
key='dropdown-1'
ref={(comp) => dropdown = comp}
>
```
```js
initialState = {
selectedCountry: 'Choose Country'
};
const sections = [
[
{
iconName: 'flag',
text: 'Australia'
},
{
iconName: 'flag',
text: 'USA'
},
{
iconName: 'flag',
text: 'INDIA'
}
]
];
const selectItem = (item) => {
setState({
selectedCountry: item.innerText
}, () => {
btndropdown.closeDropdown();
});
};
const listSections = () => {
return sections.map((section) => {
const items = section.map((item) => (
}
onClick={selectItem}
>
{item.text}
));
return (
{items}
);
});
};
{listSections()}
}
key='dropdown-2'
ref={(comp) => btndropdown = comp}
>
}
>{state.selectedCountry}
```