Getting parent value on selection

[alprbykn]

Is it possible to get value or label of selected node's parent. Not like ui-id such as "rdts10-0-0", I want it's value as i.e U.K.
I also wonder how can access the selectednodes from outside.

[mrchief]

You get the id of the parent so you'd need to traverse but you can also pass in an extra property (or multiple) that you'd like to see onChange https://github.com/dowjones/react-dropdown-tree-select#data

[mrchief]

I created a Codesandbox for this https://codesandbox.io/s/breadcrumbs-with-react-dropdown-tree-select-id6ik?file=/index.js

[maria88ahmed]

@mrchief , Is that possible to show the breadcrumbs instead of the selected node's text ?

[mrchief]

Not within the component but you can hide the component's tags using CSS and supply your own tags. You'd add remove your own tags by reacting to node change events and using the breadcrumbs prop from the selectedNode object you get with those events.

[maria88ahmed]

Thanks @mrchief , I did override the tagLabel , with the breadcrumbs value using HOC. Is there any better way of doing it ?

[mrchief]

@maria88ahmed the extensibility via CSS overrides and HoC was part of the core design so you're on the right track. It was done to allow for composition to extend and support these extended use-cases without creating code/feature bloat in the component.