Cannot mutate a Store directly

[kapilpipaliya]

Cannot mutate a Store directly

       const owner = getOwner();
       const attrs= createFormArray([]);
       ...
        runWithOwner(owner, () => {
            attrs.controls.splice(toIndex, 0, ...attrs.controls.splice(fromIndex, 1));
            for (let i = 0; i < attrs.controls.length; i++) {
              attrs.attrsontrols[i].controls.pos.setValue(i + 1);
            }
        });

[jorroll]

Correct, you need to use the built in methods. I'm very sorry that I don't appear to have mentioned this in the docs, but solid-forms is immutable unless using the built-in methods. Not mentioning that is a big oversight on my part. I'll correct that and update the docs to make clear that the API is immutable unless using the built-in methods.

You can see the methods on FormArray here: https://github.com/jorroll/solid-forms#iformarray

[kapilpipaliya]

Thanks for the quick response. can you give me a way to modify array element positions, if possible?

[jorroll]

Hey @kapilpipaliya, I expect this will work for you:

// first we clone the control's `controls` value
const controls = [ ...attrs.controls ] // or attrs.controls.slice()
// then we mutate the cloned `controls` value
controls.splice(toIndex, 0, ...controls.splice(fromIndex, 1));
// then we use the `setControls()` method to update the control's `controls` value
attrs.setControls(controls);
// etc...

[jorroll]

I don't think it matters for your example, but, as mentioned in the Getting Started section, solid-forms just uses the Solidjs Store object under the hood. Solidjs stores wrap nested objects in proxies. If this is ever a problem or annoying (e.g. using console.log to inspect values in the browser) you can use the Solidjs unwrap function to access the original, non-proxied, control object.

[jorroll]

I updated the readme in multiple places to note that solid-forms control objects are immutable unless you use the provided methods to update their state.