Сергей Меньщиков

https://jsfiddle.net/9xqs7L2m/

ну блин ваще же классика.

$('a.kek').on('click',function(e){
   e.preventDefault();
/// фигачить что-то свое тут
})

import First from "./first"
import Second from "./second"
class A extends Component {
render(){
return(
// как здесь возвращать несколько компонентов? типо 
<div>
<First>
<Second>
</div
);
}
}

function drawPlaces(json, section) {
  let container;
  let circleClass;
  let statusObj;

  switch (section) {
    case "VIP":
      container = "#VIP_0020parter";
      break;
    case "Партер":
      container = "#parter";
      break;
    case "Бельэтаж":
      container = "#belletaj";
      break;
    case "Балкон":
      container = "#balcony";
      break;
  }

  for (let item of JSON.parse(json)) {
    switch (item.status) {
      case "Забронировано":
        circleClass = "reserved"
        break;
      case "В обработке":
        circleClass = "reserved"
        break;
      case "Куплено":
        circleClass = "closed";
        break;
    }

    $(container).find(`[tc-row-no=${item.row}]`).find(`[tc-seat-no=${item.col}]`).addClass(circleClass);
  }
}

for (var i = 0; i <= json.length - 1; i++){ - я думаю, так должно быть лучше.
Такая ошибка значит, что json[i] - undefined скорее всего. Если вы используете перебор массива, то у последнего элемента индекс равен array.length - 1

А вообще, легче использовать forEach вместо for :)

PS - консоль отрабатывает нормально, потому что вообще отрабатывает последний раз на предыдущей интерации цикла. Поставьте её после объявления obj и выводите json[i] - увидите проблему