How can i add objects into array using reducer

Question

//i need to add objects into a array using reducer for contact book

//reducer

const addContact = (contacts = [], action) => {
  let contactsArr = [{}];
  if (action.type = "ADD_CONTACT") {
    return [...contactsArr, action.payload];
  }
  return contacts;
};

actions

export const addContactRed = contact => {
  return {
    type: "ADD_CONTACT",
    payload: contact
  };
};


{
type:"ADD_CONTACT",
payload:{name:"xyz",phonenum:10101001}
}

{
type:"ADD_CONTACT",
payload:{name:"abc",phonenum:0101001}
}

//after dispatching two actions final array i want is

//contactsArr

[
{name:"xyz",phonenum:10101001},
{name:"abc",phonenum:0101001}
]

This line if (action.type = "ADD_CONTACT") { seems to be wrong. This is not doing comparison but assigning the value — brk
– brk, Commented Apr 15, 2019 at 16:25
your first code block will always add an empty object to the reducers state — messerbill
– messerbill, Commented Apr 15, 2019 at 16:28
yes, it is wrong it should be if(action.type==="ADD_CONTACT"). Thanks ... — amit rai
– amit rai, Commented Apr 15, 2019 at 16:34

Sahil Raj Thapa · Accepted Answer · 2019-04-15 16:38:03Z

1

You don't have ton init let contactsArr = [{}]; It will reset the store value in your reducer. Just use the contact store variable

const addContact = (contacts = [], action) => {
 // if (action.type = "ADD_CONTACT") {
  if (action.type === "ADD_CONTACT") {
    return [...contacts, action.payload];
  }
  return contacts;
};

edited Apr 15, 2019 at 16:38

Sahil Raj Thapa

2,4833 gold badges16 silver badges25 bronze badges

answered Apr 15, 2019 at 16:29

Maxime Girou

1,5703 gold badges18 silver badges35 bronze badges

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

Collectives™ on Stack Overflow

How can i add objects into array using reducer

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related