How to update an array of objects in react state code example
Example 1: react how to update state array
const initialState = [
{ name: "foo", counter: 0 },
{ name: "far", counter: 0 },
{ name: "faz", counter: 0 }
];
const [state, setState] = useState(initialState);
const clickButton = () => {
let temp_state = [...state];
let temp_element = { ...temp_state[0] };
temp_element.counter = temp_element.counter+1;
temp_state[0] = temp_element;
setState( temp_state );
}
Example 2: react native update state array of objects
let newMarkers = markers.map(el => (
el.name==='name'? {...el, key: value}: el
))
this.setState({ markers });