/Javascript/React/React redux how to change object value in reducer

React redux how to change object value in reducer

Update State in react redux reducer

case foodConstants.FOOD_SUCCESS_POST: {

  let updatedItems = { ...state.items };
  const itemIndex = updatedItems.findIndex((food1) => food1.id === action.id);

  if(itemIndex > -1){
    updatedItems[itemIndex] = {
        ...updatedItems[itemIndex],
        ...action,
    }
  }

 return { ...state, items: updatedItems };
}

Source: stackoverflow.com

Update State in react redux reducer

case foodConstants.FOOD_SUCCESS_POST: {

  const updatedItems = state.items.map((food1) => {
    if (food1.id === action.id) {
      return { ...action };
    }

    return food1;
  });
 return { ...state, items: updatedItems };
}

Source: stackoverflow.com

React redux how to change object value in reducer

  if (action.type == types.FILTER_TITLE_CHANGED) {
    let newState = { ...state };
    newState.filterTitleStr = action.filterTitleStr;
    return newState;
  } else if (action.type == types.FILTER_AUTHOR_CHANGED) {
    let newState = { ...state };
    newState.filterAuthorStr = action.filterAuthorStr;
    return newState;
  } else if (action.type == types.FILTER_CATEGORY_CHANGED) {
    let newState = { ...state };
    newState.filterCategoryStr = action.filterCategoryStr;
    return newState;
  }

Similar codes

1 vote143 views1 answer
Programmatic title react
Javascript React
0 vote148 views1 answer
Hide component blur react hooks
Javascript React
139 votes292 views2 answers
React js installation steps
Javascript React
0 vote159 views1 answer
Navigation.openDrawer is not a function react native
Javascript React
0 vote156 views1 answer
Install react-foundation library in react js
Javascript React
1 vote170 views1 answer
Textinput onpress react native
Javascript React
1 vote140 views2 answers
Switch is not exported from react-router-dom
Javascript React
0 vote90 views1 answer
Integrate my own google pay using react js
Javascript React
13 votes131 views1 answer
React making post request
Javascript React
15 votes151 views6 answers
React Form
Javascript React