Dynamically populate the options of a 'Select' component

How do I
#1

Hello,

I am trying to dynamically populate the options that are shown for a ‘Select’ component.

Can anyone provide some guidance on how to do this? I have already retrieved from the database the options and stored it in a state variable in UI Bakery. However, when I do the below using the variable, I get nothing. Thanks.

Screenshot - Sample Data 3
Screenshot - Sample Data 3360×565 10.1 KB

#2

Hi @ObyY!
Looks like you need to set a proper data format for select component.
As a quick solution, please check this article

#3

Thanks Artem. The solution worked, but with a little tweak. I had to map {{data}} and not {{result.data}} i.e.

{{data}}.map(item => ({ label: item.name, value: item.name }))