Этот пост посвящен базовому примеру оператора распространения и тому, как его можно эффективно использовать в ReactJS.

В предыдущем посте мы узнали о функциях стрелок в React и этом указателе. вы можете проверить предыдущую тему здесь.

  • Оператор распространения написан с использованием синтаксиса с тремя точками (…)
  • Оператор распространения позволяет нам расширять итерируемый объект, такой как строка, объект, массив, на его элементы.

Простой пример объединения массивов с помощью оператора расширения:

Простой пример копирования массивов с использованием оператора расширения:

Если нам нужно передать несколько значений свойств от родителя к дочернему элементу, мы можем использовать оператор распространения.

Родительский компонент: в приведенном ниже примере все значения свойств назначаются одному объекту «человек».

Если мы хотим сохранить все объекты состояния без изменений, кроме тех, которые должны быть обновлены или должны быть добавлены новые объекты, мы можем использовать оператор распространения.