add key and value in array in redux

Question

I am trying to update an array in reducer

let initialState = {
count: 0,
todos: [],
id:0,
 }

const authReducer = (prevState = initialState, action) => {
switch (action.type) {
    case types.ADD_TO_DO:
        console.log(action.todo)
        
        return {
           ...prevState,
            todos: prevState.todos.concat(action.todo)
        }
    default:
        return prevState;
}
}

And I am getting array in the form

todos:['qwerty', 'abcdef']

But I want in the form of

todos:[{id:'1', todo:'qwerty'},{id:'2',todo:'abcdef'}]

How can I achieve this?

Thanks!!!

Rajneesh · Accepted Answer · 2020-06-27 14:00:51Z

2

In order to convert todos:['qwerty', 'abcdef'] to your expected format, you can map it:

var todos=['qwerty', 'abcdef'];
var result = todos.map((todo, i)=>({id:i+1, todo}));

console.log(result);

answered Jun 27, 2020 at 14:00

Rajneesh

5,3181 gold badge10 silver badges20 bronze badges

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

Comments

AlexAV-dev · Accepted Answer · 2020-06-27 14:04:33Z

2

You can use reduce for this task

const todos = ['qwerty', 'abcdef']

const data = todos.reduce((acc, rec, index) => {
  return [...acc, {
    id: index + 1,
    todo: rec
  }]
}, [])

console.log(data)

edited Jun 27, 2020 at 14:04

answered Jun 27, 2020 at 13:58

AlexAV-dev

1,1756 silver badges14 bronze badges

Collectives™ on Stack Overflow

add key and value in array 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