Breaking News: Grepper is joining You.com. Read the official announcement!

how to update array state in react

Add Answer

Perfect Pigeon answered on July 4, 2020 Popularity 9/10 Helpfulness 3/10

answer how to update array state in react

related react how to update state array

related react native update state array of objects

related update object in array state react

related react native update state array of objects

related how to update react state array

how to update array state in react

Comment

setArtists( // Replace the state
  [ // with a new array
    ...artists, // that contains all the old items
    { id: nextId++, name: name } // and one new item at the end
  ]
);

Popularity 9/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: javascript state

Link to this answer
Share Copy Link

Contributed on Feb 10 2023

Perfect Pigeon

0 Answers Avg Quality 2/10

Closely Related Answers

react how to update state array

Comment

const initialState = [
    { name: "foo", counter: 0 },
    { name: "far", counter: 0 },
    { name: "faz", counter: 0 }
  ];

const [state, setState] = useState(initialState);

const clickButton = () => {
	// 1. Make a shallow copy of the array
	let temp_state = [...state];
	
	// 2. Make a shallow copy of the element you want to mutate
	let temp_element = { ...temp_state[0] };
	
	// 3. Update the property you're interested in
	temp_element.counter = temp_element.counter+1;
	
	// 4. Put it back into our array. N.B. we *are* mutating the array here, but that's why we made a copy first
	temp_state[0] = temp_element;
	
	// 5. Set the state to our new copy
	setState( temp_state );
}

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: stackoverflow.com

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Jan 13 2021

Annoyed Aardvark

0 Answers Avg Quality 2/10

react native update state array of objects

Comment

let markers = [ ...this.state.markers ];
markers[index] = {...markers[index], key: value};
this.setState({ markers });

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Jul 04 2020

Blue Beetle

0 Answers Avg Quality 2/10

update object in array state react

Comment

const handleAdd = (todo) => {
  const newTodos = [...todos];
  newTodos.push(todo);
  setTodos(newTodos);
}

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: dev.to

Tags: add

Link to this answer
Share Copy Link

Contributed on Jul 23 2021

Grieving Gharial

0 Answers Avg Quality 2/10

react native update state array of objects

Comment

let newMarkers = markers.map(el => (
      el.name==='name'? {...el, key: value}: el
))
this.setState({ markers });

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: stackoverflow.com

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Jul 04 2020

Blue Beetle

0 Answers Avg Quality 2/10

how to update react state array

Comment

const [array, setArray] = useState([1, 2, 3])

// Add
setArray(prevArray => [...prevArray, 4]); // -> [1, 2, 3, 4]

// Remove last entry
setArray(prevArray => prevArray.splice(0, prevArray.length - 1)); // -> [1, 2, 3]

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: javascript react-state state

Link to this answer
Share Copy Link

Contributed on Apr 17 2021

Wild Wren

0 Answers Avg Quality 2/10

how to update array state in react

Contents

More Related Answers

how to update array state in react

Closely Related Answers

react how to update state array

react native update state array of objects

update object in array state react

react native update state array of objects

how to update react state array

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.