Await list data (instead of single value)

[RobinManoli]

Hi,
the examples for Await are rather complicated, it would be nice with some simpler examples.

Anyway, it seems the Await component handles a single value. What if I want to fetch a json object with a list?

I don't know how to write simple code for this, I'm not good enough in async code.

So each item in the list should render something like li({class:"something"}, listItem.value) if possible, or any other way of creating the async list.

Thank you!

[RobinManoli]

When looking further into this, it seems to me that it's much easier to separate async and html components completely. An async function can be created and only change a state variable. The html component is then built, without any async, based on the state variable.

[Tao-VanJS]

For Await component, you specify a children parameter with function type (data: T) => ValidChildDomValue. Thus you can fetch anything in Await - lists, complex json objects, etc, as long as your children parameter takes the thing you fetched as input.