Тома

Проще некуда:
element.scrollIntoView();
Демо

В имплементации React как-то так:

handleLinkClick = e => {
  e.preventDefault();
  const element = document.getElementById(e.target.href);
  element.scrollIntoView();
};

Порядок перепутали:

const obj1 = { a : 1, b : 2 };
const obj2 = { c : 3, a : 4 };

const result = { ...obj1, ...obj2 };

Можно использовать метод Object.assign:

const obj1 = { a : 1, b : 2 };
const obj2 = { c : 3, a : 4 };

const result = Object.assign({}, obj1, obj2);

Вариант с мутированием obj1:

let obj1 = { a : 1, b : 2 };
const obj2 = { c : 3, a : 4 };

obj1 = Object.assign(obj1, obj2);

Ваша постановка вопроса

Как в объект лучше всего добавить содержимое другого объекта (ES6)?

подразумевает изменение существующего объекта, а не комбинацию двух в третий, оператором ... это сделать невозможно, так что
Object.assign(obj1 , obj2);
В вашем коде вы в переменной obj1 получите новый объект, который комбинирует свойства первого и второго

Могу предложить:

if(placement=='top' && coords.top < 0
   || placement=='right' && coords.right > width
   || placement=='bottom' && coords.bottom > height
   || placement=='left' && coords.left < 0)
          placement = this.placementArr[1];