ReactJS - Overwrite array if same keys

Question

I want to overwrite the array if the keys are the same. And push if keys are different.
From this:

const fieldData = [
 {
    "field_1": { 
        "value": "oldValue" 
    },
    "field_2": { 
         "value": "oldValue" 
    }
  }
];

const [data, setData] = useState(fieldData);

const pushData = (newData) => {
  setData(current => [...current, newData]);
}

The result if the keys are the same:

 {
    "field_1": { 
        "value": "newValue" 
    },
    "field_2": { 
         "value": "oldValue" 
    }
  }

The result if the keys are diffrent:

 {
    "field_1": { 
        "value": "newValue" 
    },
    "field_2": { 
         "value": "oldValue" 
    },
    "field_3": { 
         "value": "newValue Field 3" 
    }
  }

Romain Giraudeau · Accepted Answer · 2022-12-08 17:17:25Z

1

I would recommend you to work with a different data structure. Change your array and work with a dictionary.

const fieldData =  {
    "field_1": { 
        "value": "oldValue" 
    },
    "field_2": { 
         "value": "oldValue" 
    }
  }

const [data, setData] = useState(fieldData);

const pushData = (newData) => {
  setData(current => ({...current,...newData}));
}

In this case, if you have a new [key, value] it will be added to your object. Otherwise the value will be overridden

answered Dec 8, 2022 at 17:17

Romain Giraudeau

336 bronze badges

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

Collectives™ on Stack Overflow

ReactJS - Overwrite array if same keys

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related