What I’m trying to do is to dynamically load the last two columns of a table, relating to the previous cell data. So I should return an array of tds. But the compiler rejects liftAff with error:
Could not match type
Widget (Array ReactElement)
with type
Array
The type of waitEvent is Array, so the do notation is trying to construct an array, whereas you want a Widget instead.
If I get the intent of your code correctly, I think what you are trying to do is construct a dynamic widget which has an Array of elements as the view. So a single widget is controlling some (but not all) the children of a container element. That is not supported currently.
However as a simple workaround, you can pass the surrounding elements to the widget function so it can create the DOM element itself (effectively taking control of the entire div). i.e. do something like -
waitEvent :: (Array (Widget HTML a) -> Widget HTML a) -> Widget HTML a
genOrr lets you create a container widget where the child widgets are generated dynamically in a stream. It still doesn’t seem appropriate here because it still requires controlling all the children of a div.
Note that in any case, I wouldn’t recommend using genOrr and other widget generators in Gen.purs because they are not flexible enough and won’t scale with the application without frustration.
I really recommend using only the fundamental concepts of monoidal Widget concatenation and time reification for any non-trivial apps. The other things provided, which are themselves simple functions which use the public widget API, should be considered as more of examples on how you can build your own DSL control structures that make sense for your application. If any of the provided combinators perfectly fit your application model then it’s fine, but otherwise modify them or write your own combinators from scratch. I’ve seen that that works out better in the long run.