React Native, How to convert nested if else into switch statement?

user_14478491 0
Viewed 152

Hye, I'm new to react-redux I'm struggling to convert a nested if else statement into switch statement. Can anyone tell me how to do that? below is my code

if (action.type === ADD_TO_CART) {
    let addedItem = state.jeans.find((item) => item.id === action.id);
    let existed_item = state.addedItems.find((item) => action.id === item.id);
    if (existed_item) {
      addedItem.quantity += 1;
      return {
        ...state.jeans,
        total: state.total + addedItem.price,
      };
    } else {
      addedItem.quantity = 1;
      let newTotal = state.total + addedItem.price;

      return {
        ...state,
        addedItems: [...state.addedItems, addedItem],
        total: newTotal,
      };
    }
  }
react-redux react-native reactjs javascript
4 Answers

And your sir is right. It should be written with switch as there is a good chance the list of actions types will increase and you'll have multiple cases.

It should be something like this:

s

switch(action.type) {
    case ADD_TO_CART:
        let addedItem = state.jeans.find((item) => item.id === action.id);
        let existed_item = state.addedItems.find((item) => action.id === item.id);
        if (existed_item) {
          addedItem.quantity += 1;
          return {
            ...state.jeans,
            total: state.total + addedItem.price,
          };
        } else {
          addedItem.quantity = 1;
          let newTotal = state.total + addedItem.price;
    
          return {
            ...state,
            addedItems: [...state.addedItems, addedItem],
            total: newTotal,
          };
        }
   default:
        return state;  // or something else
}
user_114070960

I guess you just wanted to switch it from if else to switch right?

In this case you can the following I guess:

if (action.type === ADD_TO_CART) {
    let addedItem = state.jeans.find((item) => item.id === action.id);
    let existed_item = state.addedItems.find((item) => action.id === item.id);
    switch(existed_item){
        case !undefined: {
            addedItem.quantity += 1;
            return {
              ...state.jeans,
              total: state.total + addedItem.price,
            };
        }
        default: {
            addedItem.quantity = 1;
            let newTotal = state.total + addedItem.price;
        
            return {
              ...state,
              addedItems: [...state.addedItems, addedItem],
              total: newTotal,
            };
        }
    }
}
user_83866430

This way ....

switch (action.type) {

    case ADD_TO_CART :

        let addedItem = state.jeans.find((item) => item.id === action.id);
        let existed_item = state.addedItems.find((item) => action.id === item.id);
        
        const itemExists = existed_item ? true : false; 
        switch (existed_item) {

           case true : 

              addedItem.quantity += 1;
              return {
                ...state.jeans,
                total: state.total + addedItem.price,
              };          

           case false :

              addedItem.quantity = 1;
              let newTotal = state.total + addedItem.price;
              return {
                ...state,
                addedItems: [...state.addedItems, addedItem],
               total: newTotal,
             };
         }
  }
user_53794370

Try this

  switch(existed_item) {
  case true:
   addedItem.quantity += 1;
   return {
    ...state.jeans,
    total: state.total + addedItem.price,
   };

   case false:
    addedItem.quantity = 1;
     let newTotal = state.total + addedItem.price;

    return {
      ...state,
      addedItems: [...state.addedItems, addedItem],
      total: newTotal,
  };
default:
  return null;
}
user_108178380
Related