SolidJS•2y ago•

1 reply

How does Solid’s JSX attribute vs. prop implicit binding work?

Hey there,

I am trying to get a better understanding on a deeper level about when to use

attr:

attr:

, when to use

prop:

prop:

and how the JSX compiler handles any prop automatically when I don’t use

attr

attr

prop

prop

explicitly.

For example if I use

edit

edit

on a web component (custom element), it works (it correctly uses the underlying prop that was defined on that element). But if I use

onComplete

onComplete

, it doesn’t unless I specify it as

prop:onComplete

prop:onComplete

. But why does the

edit

edit

work even though its not a regular DOM attribute? Does Solid ignore non-explicit and unknown props? If so, where is this defined? I'm a bit confused here, especially where the “magic’ happens.

Can someone point me into a direction where I can get more insight? I read about

dom-expression

dom-expression

but I’m not sure where to look exactly.

Thank you!

SolidJS•2y ago•

1 reply

How does Solid’s JSX attribute vs. prop implicit binding work?

Hey there,

I am trying to get a better understanding on a deeper level about when to use

attr:

attr:

, when to use

prop:

prop:

and how the JSX compiler handles any prop automatically when I don’t use

attr

attr

prop

prop

explicitly.

For example if I use

edit

edit

on a web component (custom element), it works (it correctly uses the underlying prop that was defined on that element). But if I use

onComplete

onComplete

, it doesn’t unless I specify it as

prop:onComplete

prop:onComplete

. But why does the

edit

edit

dom-expression

dom-expression

but I’m not sure where to look exactly.

Thank you!

How does Solid’s JSX attribute vs. prop implicit binding work?

Similar Threads

How does Solid’s JSX attribute vs. prop implicit binding work?

Similar Threads

Similar Threads

Similar Threads