Как удалить элемент из массива, чтоб последующий элемент не получил данные первого?

Чтобы удалить элемент из массива в React и при этом предотвратить передачу данных удаленного элемента следующему элементу, вам понадобится использовать функцию splice() в сочетании с оператором spread (...).

Вот пример кода, который позволяет удалить элемент из массива без передачи данных удаленного элемента следующему элементу:

// Исходный массив
const myArray = ['a', 'b', 'c', 'd', 'e'];

// Индекс элемента, который вы хотите удалить
const indexToRemove = 2;

// Создаем новый массив с помощью оператора spread, исключая удаляемый элемент
const newArray = [
  ...myArray.slice(0, indexToRemove), // Создаем новый массив из элементов до удаляемого элемента
  ...myArray.slice(indexToRemove + 1) // Создаем новый массив из элементов после удаляемого элемента
];

// Выводим новый массив в консоль
console.log(newArray);

В этом примере используется метод slice(), чтобы создать новые массивы до и после удаляемого элемента. Затем используется оператор spread (...), чтобы объединить эти массивы вместе и создать новый массив без удаленного элемента.

Результат этого кода будет:

['a', 'b', 'd', 'e']

Теперь вы можете использовать newArray вместо myArray, и последующий элемент не получит данные удаленного элемента.