Антон Спирин

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

Если на беке нет API и вы загружаете данные из json файла, то никак.

Кстати console.log(productsList); выводится два раза и первый раз NULL. почему?

Потому-что componentDidMount срабатывает после вызова render. Это нормально.

Например так:

import React from 'react';
import data from './products.json';

const List = () => (
  <ul>
    {data.map(product => (
      <li key={product.id}>{product.title}</li>
    )}
  </ul>
);

Списки и ключи

API возвращает:
"\"[...]\""
Надо парсить 2 раза.

P.S. Остается загадкой зачем вы используете для запросов JQuery.

Здравствуйте, я абсолютный новичок.

Так начните знакомство с библиотекой с изучения документации.

Прочитав приведенные ниже пункты, вы сможете решить поставленную перед вами задачу:
Работа с формами.
Построение списков.
Если и после этого не получится, пройдите туториал.
Если есть представление как это сделать, но есть конкретные вопросы - задавайте.

Сам селект можно реализовать нативными или кастомным. Второй вариант сложнее, но используют обычно именно его.
Вы всегда можете поставить и стилизовать вендорную библиотеку, что сэкономит время. Просто введите в поиске react select и посмотрите варианты.

Проблемное меcто:

res.send(     
  Party.findAll().then(party => {
    return JSON.stringify(party);
  });
);

Исправленный вариант:
Party.findAll().then(party => res.json(party));

А еще лучше использовать async/await:

.post(async (req, res) => {
  const party = await Party.findAll();
  res.json(party);
})

или:

.post(async (req, res) => {
  res.json(await Party.findAll());
})

Смею предположить, что ошибка во вложенных объектах в массиве anotherData. Все ключи должны быть в кавычках и не должно быть лишних запятых. Валидатор вам в помощь.

Вам бы перед тем как браться такие вещи реализовывать, хорошенько основы JavaScript изучить.
В первом случае у вас в json массив, во втором объект содержащий массив.
Перебрать элементы во втором случае можно так:

{cont.continents.map(el => (
  <li key={el.code}>{el.name}</li>
))}

Я вам настоятельно рекомендую пока отложить React и потратить пару дней на изучение основ JavaScript, а так же синтаксиса ES6, JSX и экспериментальных фич языка используемых в React.

ES5:

var wor = 'alesh.3';
var key = 'last30m';

var record = json.data.rows.find(function(el) {
  return el.wor === wor;
});

var value = record ? record[key] : null;

ES6:

const wor = 'alesh.3';
const key = 'last30m';

const { data: { rows } } = json;

const record = rows.find(el => el.wor === wor);
const value = record ? record[key] : null;

dataLayer является массивом. Обращаться к его элементам надо по индексу.

dataLayer[0].ecommerce.add.products.push({ name: 'name'; price: 0 });