How to pass data from child component to parent?
We have props in solid for passing data down to child component. What about the opposite case when I need to pass some data back to the parent component? If I am not mistaken, in Vue.js there is a possibility to emit event from parent to child. How can I do it?
10 Replies
Unknown User•2y ago
Message Not Public
Sign In & Join Server To View
How? Using props?
function ChildComplonent(props) {
...
props.newProperty = some value
}
Is that what you mean?
Unknown User•2y ago
Message Not Public
Sign In & Join Server To View
Have a look at Context https://www.solidjs.com/tutorial/stores_context
SolidJS
Solid is a purely reactive library. It was designed from the ground up with a reactive core. It's influenced by reactive principles developed by previous libraries.
Unknown User•2y ago
Message Not Public
Sign In & Join Server To View
I just need to pass to the parent which service I've chosen. See on:click event
Actually, I don't need to share that data (services) globally. I just want to make to pass that to Parent
use a callback prop
you don't "emit" events. you just call a function passed down from parent
You can also use something like this, if working with event object makes more sense to you: https://github.com/solidjs-community/solid-primitives/tree/main/packages/event-dispatcher#createeventdispatcher
GitHub
solid-primitives/packages/event-dispatcher at main · solidjs-commun...
A library of high-quality primitives that extend SolidJS reactivity. - solid-primitives/packages/event-dispatcher at main · solidjs-community/solid-primitives
Yeah! It works! Thank you!