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!1 Reply
That was extremely insightful and helpful @Tito. Thank you very much! I also didn’t realize the output tab on the playground, super helpful as well. Again, thank you very much!