>10 sub items - only first 10 are shown #124
Description
Hi,
I can't get my head around this. Whatever I do, if an item contains more than 10 sub items, only the first 10 sub items are displayed. So, my items look like this:
items = [{
id: 0,
key: "root",
name: "Currency",
children: [
{id: 1, name: "Currency 1"},
{id: 2, name: "Currency 2"},
{id: 3, name: "Currency 3"},
{id: 4, name: "Currency 4"},
{id: 5, name: "Currency 5"},
{id: 6, name: "Currency 6"},
{id: 7, name: "Currency 7"},
{id: 8, name: "Currency 8"},
{id: 9, name: "Currency 9"},
{id: 10, name: "Currency 10"},
{id: 11, name: "Currency 11"}, // <- not shown
{id: 12, name: "Currency 12"}, // <- not shown either
]
}]
My SectionedMultiSelect like this:
<SectionedMultiSelect
ref={obj => this.multiSelects[selectKey] = obj}
items={items}
uniqueKey={"id"}
subKey={"children"}
showDropDowns={false}
/>
And the result:
What am I doing wrong here? Thanks!