SolidJS•4w ago

How to set a new value in a store of `Record<string, __>`?

In the following example: https://playground.solidjs.com/anonymous/07b233f7-59cb-4202-a3ca-595a497912f8 setValue("abc", 3) on a blank object will trigger an error:

Uncaught TypeError: Cannot read properties of undefined (reading 'output')

Uncaught TypeError: Cannot read properties of undefined (reading 'output')

Probably because the internal of the Store's path syntax function is trying to access the data. Am I suppose to use the Immer inspired produce to add a new element to an object, or is there a syntax I don't know to use directly the setter from the store without using produce?

Solid Playground

Quickly discover what the solid compiler will generate from your JSX template

5 Replies

REEEEE•4w ago

You could do this if you don't want to use produce https://playground.solidjs.com/anonymous/c8811330-19f7-4243-8c45-0f721abf194a

Solid Playground

Quickly discover what the solid compiler will generate from your JSX template

binajmen•4w ago

oh nice which one is better ? It seems for arrays suggestion are made in the doc (https://docs.solidjs.com/guides/complex-state-management#adding-to-an-array) but not for object should I give produce a priority? or rather, is one method more optimized than the other?

REEEEE•4w ago

It could be that the syntax isn't supported internally for object but it is for arrays If you're going to do "complex" changes, I would just use produce

peerreynders•4w ago

How is it supposed to now what to set input to?

const cloneWith = (v: Values | undefined, output: number) =>
  v ? { input: v.input, output } : { input: 0, output };

function setValue(id: string, value: number) {
  setValues(id, (old) => cloneWith(old, value));
}

const cloneWith = (v: Values | undefined, output: number) =>
  v ? { input: v.input, output } : { input: 0, output };

function setValue(id: string, value: number) {
  setValues(id, (old) => cloneWith(old, value));
}

i.e. input isn't marked as optional.

binajmen•4w ago

yes it was a reduced and incomplete example to illustrate my situation 😉

Gaming

Programming

How to set a new value in a store of `Record<string, __>`?