SolidJS•4y ago

How to have data attribute on Custom component?

musiclover · 2022-12-13T09:56:51.470Z

I want to do something like How to provide data props ?

I want to do something like <Foo data-something = { 'hello' } />
How to provide data props ?

lxsmnsyc•12/13/22, 9:59 AM

musicloverOP•12/13/22, 10:00 AM

But I don't know it will be 'data-value', it can be data-anything like we do in plain <div>

lxsmnsyc•12/13/22, 10:01 AM

How can't you know something that's going to be passed to Foo? unless you're spreading

lxsmnsyc•12/13/22, 10:01 AM

in which case you spread it to the div too

musicloverOP•12/13/22, 10:01 AM

I'm making generic component which can get any data attribute. Isn't it possible?

lxsmnsyc•12/13/22, 10:02 AM

It's possible, but if you don't know the props its going to receive then you just spread it

lxsmnsyc•12/13/22, 10:02 AM

musicloverOP•12/13/22, 10:03 AM

But using {...props} will add all other props doesn't need to be custom attribute in div.

lxsmnsyc•12/13/22, 10:04 AM

then just select which one to not spread using or probably from or