/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

0 vote380 views1 answer
Box-shadow: 0px 4px 8px rgba(164, 188, 223, 0.15); to react native
Javascript React
-1 vote377 views1 answer
How to create scroll to top button in reactjs example code
Javascript React
0 vote373 views1 answer
How to make the width of a react native element adjust according to the contents
Javascript React
0 vote406 views3 answers
Play sound onload react
Javascript React
0 vote432 views1 answer
React unfocus check
Javascript React
1 vote374 views1 answer
React 360
Javascript React
-1 vote387 views1 answer
Moment in react native
Javascript React
8 votes410 views2 answers
React native rotate image
Javascript React
0 vote411 views1 answer
./node_modules/react-draft-wysiwyg/dist/react-draft-wysiwyg.js
Javascript React
15 votes419 views3 answers
Image source react native
Javascript React