sp
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:
, when to use prop:
and how the JSX compiler handles any prop automatically when I don’t use attr
or prop
explicitly.
For example if I use 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
, it doesn’t unless I specify it as prop:onComplete
. But why does the 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
but I’m not sure where to look exactly.
Thank you!2 replies