React - Redux, how can I modify a complex object?

Question

I am trying to modify some properties of an array through an index coming from mine payload.

The code below goes through the array looking for the index and tries to modify its properties. This even works for less complex objects. I made it based on those answers.

This is the structure of my object.

    {
      "items": [
        {
          "sellers": [
            {
              "commertialOffer": {
                 Price: 0,
                 ListPrice: 0,
                 AvailableQuantity: 0
               }
            }]
        }]
    }

What should I do to modify the properties of commertialOffer?

I’m coming from the Vue and I’ve suffered a little with React.

I have received some errors with Unexpected token, expected ","

case 'setTotalEstoque':
      return {
        ...state, 
        arrayFavorito: state.contents.map((content, i) => 
          i === action.payload.indice ? {
            ...content,
              items[0].sellers[0].commertialOffer.Price: action.payload.price,
              items[0].sellers[0].commertialOffer.ListPrice: action.payload.listPrice,
              items[0].sellers[0].commertialOffer.AvailableQuantity: item.AvailableQuantity,
          }: content
        )

      }

Answer 1

Do as follows, opening key inside the function and doing the assignment manually.

case 'setTotalEstoque':
  const arrayFavorito = state.contents.map((content, i) => {
    if(i === action.payload.indice) {
      content.items[0].sellers[0].commertialOffer.Price= action.payload.price,
      content.items[0].sellers[0].commertialOffer.ListPrice= action.payload.listPrice,
      content.items[0].sellers[0].commertialOffer.AvailableQuantity= action.payload.AvailableQuantity,
    }

    return content;
  });

  return {
    ...state, 
    arrayFavorito
  }