How to use value of objects?

[Lekha30]

May be related to #858

Are you reporting a bug or runtime error?

I am trying to use values of objects for the select options:
option:1 {label: "Age-5", value:{name:"Age", value:"5"}}.
option:1 {label: "Age-5", value:{name:"Age", value:"5"}}.
option:1 {label: "Age-5", value:{name:"Age", value:"5"}}.

But When the options are chosen, they don't get matched against the selected values 👍

I have tried valueRenderer option too, but can't quite get that to working. Any pointers to fix this is much appreciated.

Thanks

[reeversedev]

Have you tried Object.values()?

[mathesmyhotelshop]

I was able to use objects as options.

Having

const dogs = [ { id: 1, name: 'dog1' }, { id: 2, name: 'dog2' }, { id: 3, name: 'dog3' } ];
const selectedOption = dogs[0];

the code

<Select
    options={dogs}
    value={selectedOption}
    getOptionLabel={(dog) => dog.name}
    getOptionValue={(dog) => dog.id}
    onChange={console.log}
/>

will display 'dog1' as selected value and on select it will call console.log with the corresponding selected dog as object, e.g. { id: 2, name: 'dog2' }.

I found this solution in the advanced docs.

[Lekha30]

Thanks for that. I tried managing it using parse and format props