How do I store an array of objects that have arrays as value in Redux?

Question

How do I store an array of objects that have arrays as value in Redux where the value is an array of items and key is a string like the name. I have to store something like:

[{
    name: 'ron',
    team: ['josh','brian'],
  },
{
   name: 'marie',
  team: ['ann', 'kevin']

    }
]

This is the code I have with just the name:

import {v4 as uuid} from 'uuid';
const initalState = [
  {
    id: uuid(),
    name: ''
  }
];


const trainerReducer = (state = initalState, action) => {
  const {type, payload} = action;

  switch (type) {
    case 'CREATE_TRAINER':
      console.log('payload', payload);
      return [...state, {id: uuid(), name: payload.name}];
   

    default:
      return state;
  }
};

export default trainerReducer;

Also, any documentation on how to add,update, delete this in redux would be appreciated.

How do I add an array to it? something like team = []. I don't know how to append this in redux. — Tom Brooke
– Tom Brooke, Commented Apr 22, 2022 at 6:17

Rahul Sharma · Accepted Answer · 2022-04-22 12:44:10Z

2

You pass the team when you create a trainer.

const trainerReducer = (state = initalState, action) => {
  const { type, payload } = action;

  switch (type) {
    case "CREATE_TRAINER":
      console.log("payload", payload);
      return [
        ...state,
        { id: uuid(), name: payload.name, team: payload.team ?? [] },
      ];

    case "ADD_TEAM":
      return state.map((trainer) =>
        trainer.id === payload.id ? { ...trainer, ...payload.team } : trainer
      );

    default:
      return state;
  }
};

answered Apr 22, 2022 at 12:44

Rahul Sharma

10.1k1 gold badge20 silver badges41 bronze badges

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

Comments

Hacı Celal Aygar · Accepted Answer · 2022-04-22 06:45:53Z

0

try this please : create var or const array.

const arrayData = [{
    name: 'ron',
    team: ['josh','brian'],
  },
{
   name: 'marie',
  team: ['ann', 'kevin']

    }
];

then send this array to related method over action.

    import {v4 as uuid} from 'uuid';
    const initalState = [
      {
        id: uuid(),
        name: ''
      }
    ];
    
    
    const trainerReducer = (state = initalState, action) => {
      const {type, payload} = action;
      const arrayData = payload.arrayData;

      switch (type) {
        case 'CREATE_TRAINER':
          console.log('payload', payload);
          return [...state,[...arrayData], {id: uuid(), name: payload.name}];
       
...
...
...

answered Apr 22, 2022 at 6:45

Hacı Celal Aygar

5183 silver badges7 bronze badges

Collectives™ on Stack Overflow

How do I store an array of objects that have arrays as value in Redux?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related