react state array of objects code example
Example 1: react native update state array of objects
let markers = [ ...this.state.markers ];
markers[index] = {...markers[index], key: value};
this.setState({ markers });
Example 2: how to add array data on state react
this.setState({ myArray: [...this.state.myArray, 'new value'] })
this.setState({ myArray: [...this.state.myArray, ...[1,2,3] ] })
Example 3: how to update array in react state
this.setState(prevState => ({
arrayvar: [...prevState.arrayvar, newelement]
}))
Example 4: 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 5: react native update state array of objects
let newMarkers = markers.map(el => (
el.name==='name'? {...el, key: value}: el
))
this.setState({ markers });