sp
sp
SSolidJS
Created by sp on 10/23/2024 in #support
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