Unable to use functions with multiple arguments about feliz HOT 7 CLOSED

I think Func is the way to go, you could probably do some weird uncurrying with [<Emit(...)>] but it could be tricky (I haven't tried it)

from feliz.

It most likely has to do with currying the handler function, can you try this:

static member inline onChange(handler: Event -> bool -> unit) = 
    Interop.mkAttr "onChange" (fun (ev, capture) -> handler ev capture) 

or if you tolerate tuples in the handler definition

static member inline onChange(handler: (Event * bool) -> unit) = 
    Interop.mkAttr "onChange" handler

from feliz.

Thanks! I tried both, and now the handler is called, but both params are undefined, so I'm still lost. (They work fine if I remove the second parameter from the signature.)

from feliz.

Hmm that's weird, can you try using System.Func?

static member inline onChange(handler: System.Func<Event, bool, unit>) = 
    Interop.mkAttr "onChange" handler

from feliz.

Yep, that works fine. But of course makes the signature more noisy.

Any idea what's going on?

Edit: This also works, so at least there's a user-invisible workaround:

static member inline onChange(handler: Event -> ReactElement -> unit) =
  Interop.mkAttr "onChange" (System.Func<_,_,_> handler)

from feliz.

Any idea what's going on?

This is just how Fable compiles functions, using System.Func tells Fable that we want the functions compiled the JS way (i.e. uncurried)

from feliz.

I see. So using Func is the only way to make this work, or are there other syntaxes, too?

from feliz.