Conditionally choose element type

Ask us anything
1

Hi all,

I’d like to know how to conditionally choose which element to load.

My backend data looks something like this:

{
"type": "checkbox",
"name": "checkbox 1"
},
"type": "text",
"name": "text 1"
},

How can I conditionally load the correct element (checkboxes for the checkbox data type and text fields for the text data type)?

I know I could just create every data type for each iteration and then conditionally hide the ones that are not relevant, but this isn’t going to be scalable as I introduce new data types.

Thanks

2

Not possible to in a pretty way, you can just drop them all into a single reusable component/div and conditionally show/hide them based on the type property.

3

Thanks @Broberto, I guess I can go messy for now. Once I get to five or six data types, it isn’t going to be great though.

1 Like
4

It’s fine, no other way currently