diff --git a/lib/components/RowSubItem.js b/lib/components/RowSubItem.js index d428c7c..ed82076 100644 --- a/lib/components/RowSubItem.js +++ b/lib/components/RowSubItem.js @@ -55,6 +55,7 @@ class RowSubItem extends Component { highlightedChildren, itemNumberOfLines, displayKey, + subItemDisplayKey } = this.props const highlightChild = !selectChildren && highlightedChildren.includes(subItem[uniqueKey]) @@ -93,7 +94,7 @@ class RowSubItem extends Component { ] } > - {subItem[displayKey]} + {subItem[subItemDisplayKey ? subItemDisplayKey : displayKey]} { itemSelected || highlightChild ? diff --git a/lib/sectioned-multi-select.js b/lib/sectioned-multi-select.js index 8cd3ca2..89f32c3 100644 --- a/lib/sectioned-multi-select.js +++ b/lib/sectioned-multi-select.js @@ -144,6 +144,7 @@ class SectionedMultiSelect extends PureComponent { selectedItems: PropTypes.array, items: PropTypes.array, displayKey: PropTypes.string, + subItemDisplayKey: PropTypes.string, uniqueKey: PropTypes.string.isRequired, subKey: PropTypes.string, onSelectedItemsChange: PropTypes.func.isRequired, @@ -213,6 +214,7 @@ class SectionedMultiSelect extends PureComponent { single: false, selectedItems: [], displayKey: 'name', + subItemDisplayKey: 'name', showDropDowns: true, showChips: true, readOnlyHeadings: false,