“Perbarui objek dalam keadaan array bereaksi” Kode Jawaban

bereaksi cara memperbarui array status

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

Bereaksi Native Update State Array of Objects

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

Perbarui objek dalam keadaan array bereaksi

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

Bereaksi Native Update State Array of Objects

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

Perbarui objek dalam keadaan array berdasarkan indeks

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

Jawaban yang mirip dengan “Perbarui objek dalam keadaan array bereaksi”

Pertanyaan yang mirip dengan “Perbarui objek dalam keadaan array bereaksi”

Lebih banyak jawaban terkait untuk “Perbarui objek dalam keadaan array bereaksi” di JavaScript

Jelajahi jawaban kode populer menurut bahasa

Jelajahi bahasa kode lainnya