Reactivity issues

Hi. I am coming back to Solid after a long hiatus for a brand new project. I have been stuck trying to solve a very annoying reactivity issue that I have.

I have an object in a signal (I do not use a store because I want it to be undefined), value of which gets passed to a component via a prop. There are also props for modifying that object. This object has an array of other objects, and I am using

Index

Index

to render it. Whenever I remove an object from that array, its data gets "shifted" around, until I modify an attribute of that array that has an effect on rendering. Using

For

For

fixes this issue but it introduces a plethora of other bugs, like the settings popover for that object losing focus from the text input element (because the element based on that object data is being remade, including the settings popover). I asked LLM AIs to no avail. In Vue, I'd usually fix that by assigning it a different

key

key

value to trigger a rerender.

I am lost and confused, please point me to the right direction.

SolidJS•9mo ago•

60 replies

polyzium

Reactivity issues

Index

Index

to render it. Whenever I remove an object from that array, its data gets "shifted" around, until I modify an attribute of that array that has an effect on rendering. Using

For

For

key

key

value to trigger a rerender.

I am lost and confused, please point me to the right direction.

Reactivity issues

Similar Threads

Reactivity issues

Similar Threads

Similar Threads

Similar Threads