“Actualizar objeto en la matriz reaccionando” Código de respuesta

Reaccionar cómo actualizar la matriz de estado

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 );
}
Annoyed Aardvark

React Native Update State Matriz de objetos

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

Actualizar objeto en la matriz reaccionando

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

React Native Update State Matriz de objetos

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

Actualizar objeto en estado de matriz por índice

this.setState(({items}) => ({
    items: [
        ...items.slice(0,1),
        {
            ...items[1],
            name: 'newName',
        },
        ...items.slice(2)
    ]
}));
Dark Dolphin

Respuestas similares a “Actualizar objeto en la matriz reaccionando”

Preguntas similares a “Actualizar objeto en la matriz reaccionando”

Más respuestas relacionadas con “Actualizar objeto en la matriz reaccionando” en JavaScript

Explore las respuestas de código populares por idioma

Explorar otros lenguajes de código