Property selected

[oscarcornejo]

Hi, any option to get the label content and not the value with the selected property? I need to insert the value I get in a textarea input with the data that happened to the second column, but by doing this I only get the value content:

const options = [
     {value: 'one', label: 'Option One'},
     {value: 'two', label: 'Option Two'},
]

current output: ['one', 'two'];
I need: ['Option One', 'Option Two'];

I would appreciate the help. Regards!

[jakezatecky]

Hello, that is not supported. You have a couple options to get the labels from the selected values passed in the onChange function:

1. Set simpleValue={false} and then map your selected options to labels:

// When <CheckboxTree simpleValue={false} />
const labels = this.state.selected.map(option => option.label);

2. Use the selected values to determine the labels:

// When using default properties
// Construct value/label mapping
const labelMap = {};
options.forEach((option) => {
  labelMap[option.value] = option.label;
});
// Convert selected values to labels
const labels = this.state.selected.map(value => labelMap[value]);

[jakezatecky]

Closing due to lack of activity. Please reopen if you still have issues.