yanis_kondakov

У вас в HomePage после return идет такая скобка { , а должна такая (

Ну и закрываться должна соответствующая скобка

До недавнего времени это было невозможно. Сейчас изучайте это https://reactjs.org/docs/hooks-intro.html

Универсальное решение

codepen

const boxes = document.querySelectorAll('.box');

const isNested = (f, t, c) => c + 1 >= f && c + 1 <= t;

const insertAfter = (elem, refElem) => refElem.parentNode.insertBefore(elem, refElem.nextSibling);

const transferBoxesToWrapper = (fromIndex, toIndex, wrapper) => {
  boxes.forEach((box, i) => isNested(fromIndex, toIndex, i) && wrapper.appendChild(box));
}

const createWrapper = (fromIndex, toIndex) => {
  let wrapper = document.createElement('div');
  
  wrapper.classList.add('wrapper');
  insertAfter(wrapper, boxes[fromIndex - 1]);
  transferBoxesToWrapper(fromIndex, toIndex, wrapper);
}

createWrapper(3, 5);

let str = 'текст';
//...
if (str === 'текст') {
    document.write(str);
} else {
    //Делаем что-то другое
}

https://codesandbox.io/s/jv7p4xj87v

Я не претендую на правильную организацию стэйтов и прочего. Очевидно, что openSection не должен храниться в OutsideClicked и прочее. Главное, чтобы было понятно, как сделать то, что вы спрашивали

У вас сначала выполнится'area' || 'base' || 'col' || 'command', получается у вас всегда проверяется

if (els[i].tagName.toLowerCase() === 'area') { return; }

Чтобы сделать, как вы этого хотите, можно сделать так

const values = ['area', 'base', 'col', 'command'];

if (values.includes(els[i].tagName.toLowerCase())) { 
    return; 
}

Вам нужно передать контекст для метода sendData. Один из вариантов в конструкторе написать:

this.sendData = this.sendData.bind(this);

сложность O(n)

Проходим по массиву только один раз. Для каждого элемента мы записываем разницу между текущим элементом и данной суммой и устанавливаем эту разницу как ключ в объекте. А значением для этого ключа ставим текущий элемент.

const getPairsWithSumFromArr = (arr, sum) => {
    let map = {},
         res = [];

    for (let i=0; i < arr.length; i++) {
        const currEl = arr[i];

        if (map[currEl] !== undefined) {
            res.push([map[currEl], currEl]);
        } else {
            map[sum - currEl] = currEl;
        }
    }

    return res;
}

const createObj = id => {
    window[`ad-${id}`] = new Object;
};

idsStorage.forEach(id => createObj(id));

window.onscroll = function(ev) {
    if ((window.innerHeight + window.pageYOffset) >= document.body.offsetHeight) {
       //доскролил
    }
};

var lastScrollTop = 0;
window.addEventListener("scroll", function(){ 
   var st = window.pageYOffset || document.documentElement.scrollTop; 

   if (st > lastScrollTop){
      // скролит вниз
   } else {
      // скролит вверх
   }
   lastScrollTop = st <= 0 ? 0 : st;
}, false);

state: { hadSubmitted: false, };

componentDidUpdate(prevProps, prevState) {
    const { hadSubmitted } = this.state;

    if (hadSubmitted) {
        //...validate
    }
}

handleSubmit(e) {
    ...
    this.setState({
       hadSubmitted:  true,
    });
}

validate(state, form) {
    ...
    this.setState({ hadSubmitted: false, })
}

Помню я в детстве начинал pascal изучать. Год изучал, два, на олимпиады ходил, книги читал. Алгоритмы, структуры данных, короче каша в голове. Год так на третий все встало на свои места. Помню даже на городе первое место занял. Это я к чему? Да к тому, что от двух книжек чего-то ожидать не надо. Пишите программы, приложения. Потом все встанет на свои места, не переживайте, через годик-другой.

function getNextSixItems() {
$.ajax({
type: 'POST',
url: "/url/to/some/action/",
dataType: 'json',
success: function (data) {
here your code/ 
}
});
};

$(document).on('click', '.showMore', function (e) {
e.preventDefault();
getNextSixItems();
});

Вот итоговый результат, может кому пригодится
codepen.io/yanisKondakov/pen/PbwRzw

jsfiddle.net/JAq2e

jsfiddle.net/drewnoakes/eqemx218

Автоматическая корректировка строки, набраной в неверной раскладке