I have a array of objects state that has two key-value pairs [{name: 'Max', value: 1}]
when updating the state i am receiving the name from api and comparing with api.name == state.name. if it is true i need to update the value like value + 1. How do i achieve with setState()?
You could use spread operator, to update the state by only changing the object properties.
this.setState({ array: this.state.array.map((item) => {
const condition = "..."; // Implement logic
return {...item, value: condition ? item.value + 1 : item.value }
})
})
You could update the state like this:
const stateUpdated = state.map((item) => {
if (name === item.name) {
return {
...item,
value: ++item.value,
};
} else {
return item;
}
});
setState(stateUpdated);
You can update the value as:
//for example below data is coming from api
const array1 = [{ name: "Zee" }, { name: "Zee" }, { name: "Zee" }];
//Your state for updating value based on name
const [data, setData] = useState({ name: "Zee", value: 1 });
//check is name exist in api data or not if it exist it will increment the value
array1.map((item) => {
if (item.name === data.name) {
setData({ ...data, value: data.value + 1 });
}
});
console.log("check=", data);