S
SolidJS•16mo ago
nikivi

Don't fully understand solid's reactivity, help understand with a case

I have this repo https://github.com/Kisuyo/todo I created a component: https://github.com/Kisuyo/todo/blob/master/src/components/HamburgerMenu.tsx I also created a route with a signal: https://github.com/Kisuyo/todo/blob/master/src/routes/index.tsx#L22 I am coming from react so perhaps this is confusing to me but I thought that as I pass both the signal and the setter of signal to component here: https://github.com/Kisuyo/todo/blob/master/src/routes/index.tsx#L42 I thought when I try to change the signal state the dom should update but it doesn't. Doing solid tutorial again perhaps I misunderstand how reactivity works. Thank you for any help.
GitHub
GitHub - Kisuyo/todo
Contribute to Kisuyo/todo development by creating an account on GitHub.
GitHub
todo/HamburgerMenu.tsx at master · Kisuyo/todo
Contribute to Kisuyo/todo development by creating an account on GitHub.
GitHub
todo/index.tsx at master · Kisuyo/todo
Contribute to Kisuyo/todo development by creating an account on GitHub.
4 Replies
nikivi
nikivi•16mo ago
nikivi
nikivi•16mo ago
I think I use the styled-solid-components library correctly
fabiospampinato
fabiospampinato•16mo ago
fabiospampinato
fabiospampinato•16mo ago
that should be props.active for example I think those errors happen when the HTML that the server produced doesn't match the HTML that the client produced, no idea where the actual problem in the code is though
Want results from more Discord servers?
Add your server
More Posts
onKeyPress eventHello there, I'm trying to capture key-presses to make a gallery go left/right with the arrow keys. show user data based on authorization?Hello, I understand how I want to log users in and persist login state with localstorage but how wouCheck if the code runs in CSR or CSR + hydrationIs there a way to check if the code runs during hydration or just normal CSR, the same way you are acreateResource State gets updated without directly doing soI have a createResource function which retrieves data from a database, in the same function, I'm extSimple SSR server redirect not workingI've found a few similar questions with auth redirects, and I thought I've ticked all the boxes, butUse breakpoints in suid `createTheme`In Mui 5, we could do ``` let theme = createTheme() theme = createTheme(theme , { h5: { Deploying changes to SolidStart app then navigating the application throws strange errorBefore I file this as an official issue or start nagging the rest of the team I want to make sure I'Why can't I access `useParams()` in `onClick`?If I do ``` const handleClick = () => { console.log('useParams():', useParams()) // ... <div oDocumentation example of context with typescript does not workI copied the context example (CounterContext) from the docs to a solid start project. The first erroRouter and createRootI recently upgraded my app from the old solid-app-router to @solidjs/router. It looks like, where I