Nested Array in Redux Resetting Value in React

Question

I have an array called products and inside of that I have a field called productCategory. My problem is that its clearing up other values of the array.

Codesandboxis here CLICK HERE

case appConstants.CHANGE_PRODUCT_CATEGORY:
  return {
    ...state,
    products: state.products.map((product) => {
      product?.productCode === action.payload?.productCode
        ? {
            ...product,
            productCategory: action.payload.productCategory
          }
        : product;
    })
  };

FYI, this will be much simpler if you use our official Redux Toolkit package to write your Redux logic, as it uses Immer to let you write "mutating" immutable state update logic without having to use a bunch of nested spread operators. — markerikson
– markerikson, Commented Dec 6, 2021 at 16:47

Saeed Shamloo · Accepted Answer · 2021-12-06 08:03:06Z

1

Maybe it's because you have missed return keyword inside map function.

case appConstants.CHANGE_PRODUCT_CATEGORY:
    return {
    ...state,
    products: state.products.map((product) => {
      return product?.productCode === action.payload?.productCode
        ? {
            ...product,
            productCategory: action.payload.productCategory
          }
        : product;
    })
};

answered Dec 6, 2021 at 8:03

Saeed Shamloo

6,6021 gold badge11 silver badges22 bronze badges

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

8 Comments

Saeed Shamloo Over a year ago

If my answer is correct, I would appreciate it if you mark it as accpeted response.

Joseph Over a year ago

Also, when I type something in productName, it resets its value after selecting from ProductCategory?

Saeed Shamloo Over a year ago

Right, I didn't check your sandbox, I just guess the problem by your code, let's check your sandbox

Saeed Shamloo Over a year ago

Could you please take look at this SandBox to check it works crrectly or not?

Joseph Over a year ago

Can you point what did you change? It seems that's my codesanbox link. It should a new link

|

Collectives™ on Stack Overflow

Nested Array in Redux Resetting Value in React

1 Answer 1

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related