How I can update array field value in redux-form?

Question

isMain = (v, k) => {

    let {avatars: {fields}, push} = this.props;

    fields.getAll().map((avatar, key) => {

      fields.remove(key);

      push('avatars', {
        deleteImage: avatar.deleteImage || false,
        uuid: avatar.uuid,
        fileName: avatar.fileName,
        url: avatar.url,
        setMain: key === k,
      });

    });

};

This is how I try^ Doesn't work, I don't know why

I use v6

I also tried insert

But with insert field not removed only - copied! Although the value of new fields changed

blaz · Accepted Answer · 2017-05-30 06:36:14Z

11

if you only want to update a single item in array avatars, an alternative solution is using redux-form's Action Creators. Just need to provide the index value to action:

import { change } from 'redux-form'
...
setMain: (k) => dispatch(change(`yourForm`, `avatars[${k}].setMain`, true))

You can create another action removeMain(k) in the same manner to remove the old main avatar item.

answered May 30, 2017 at 6:36

blaz

4,07825 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Harry Over a year ago

I can't import the change function, while I can import the others just fine (Field, Fields, formValueSelector). It shows this error: Module not found: Error: Can't resolve 'redux-form/es/change'

Collectives™ on Stack Overflow

How I can update array field value in redux-form?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related