How do i get the title for list of options with multiple objects?

[Nulligma]

I have a long list of options like this

options={[
          {
            title:'Type',
            data: [
              {label: 'All', value: 'All'},
              {label: 'Daily', value: 'daily'},
              {label: 'Special', value: 'special'},
            ],
          },
          {
            title: 'Deity',
            data: Constants.public.Enums.Deity.map(deity => ({label: deity, value: deity})),
          },
          {
            title: 'Sampradaya',
            data: Constants.public.Enums.Sampradaya.map(sampradaya => ({label: sampradaya, value: sampradaya})),
          },
          {
            title: 'State',
            data: LOCAL.states.map(state => ({label: state, value: state})),
          },
]}

Is your feature request related to a problem? Please describe.
I have a long list of options divided into subsections and I would like to get title property of that option when that option is selected. Currently i only get the itemvalue like this

onValueChange={(itemValue: any) => setMenu(itemValue)}

Describe the solution you'd like
I would like to get option title as well so that I can sort my list better like this

onValueChange={(itemValue: any, itemTitle:string) => setMenu(itemTitle, itemValue)}

Additional context
Also is there a way to collapse all the sections inside the list? Since the option list becomes too long hence it difficult to scroll all the way to bottom

[azeezat]

Hello @Nulligma! You can write a utility function as shown below to extract the title from a given array

const getTitleByValue = (array, valueToFind)=> {
  for (const section of array) {
    if (section.data.some(item => item.value === valueToFind)) {
      return section.title;
    }
  }
  return null; // or throw an error if preferred
}

Let me know if this helps.