0
  { label: 'Create', value: 'create' },
  { label: 'Read', value: 'read' },
  { label: 'Write', value: 'write' },
  { label: 'Delete', value: 'delete' },
  { label: 'Approve', value: 'approve' }
];

const multiCascaderData = data.map(item => {
  const children = permissions.map(permission => ({
    label: permission.label,
    value: `${item.id}-${permission.value}`
  }));

  return {
    label: item.description,
    value: item.id,
    children: children
  };
});
return (
  <MultiCascader
    data={multiCascaderData}
    labelKey="label"
    valueKey="value"
    childrenKey="children"
  />
);

I have a data which it has a label and value

[{label: 'room1', value: 'room1'},{label: 'room2', value: 'room2'}]

then I added the permission. what I'm trying to do is when I try to select an item in child it should return the parent label where it should be like this.

enter image description here

COD3
  • 103
  • 4

0 Answers0