Необходимо чтобы при клике на элемент массива в выпадающем окне этот элемент помещался в поле input и выпадающее окно сворачивалось?

Может, стоит заменить весь этот код обычным селектом?

JS на многостраничнике?

код

В списке меняется один элемент, происходит рендер все остальных(Immutable + memoize) ReactJS, что не так делаю?

Alex Polyakh, почему вкуса?) Это скорее дело правильной структуризации файлов. Если вам нужно будет переюзать этот List?
key={text} не решит проблему, у вас в коде стоит key={item.key}, а у item нет поля key, нужно поставить id. А если это не убрало проблему - нужно лезть глубже и смотреть, где и что не так.
Кроме того, в рендере List у вас

const handleSelectedItem = (id) => {
    console.log('one click')
    updateData(id)
  };

т. е. при каждом рендере у вас будет заново создаваться функция handleSelectedItem, и, соответственно, будет меняться prop у ListItem, что будет вызывать перерисовку, поскольку изменилась ссылка на функцию. И таких мест куча

Выполнение функции с Promise?

prolina, нет) может, так понятнее будет: у нас есть массив с функциями, которые возвращают разные fetch-запросы

const fetch1 = () => fetch(url1).then(r => r.json());
const fetch2 = () => fetch(url2).then(r => r.json());
const arr = [fetch1, fetch2];

теперь, когда мы запустим функцию, произойдет следующее (по сути): создастся цепочка промисов
fetch1() -> пришел результат -> запушили в results -> fetch2() -> пришел результат -> запушили в results

Выполнение функции с Promise?

prolina, в точно таком же порядке, цепочка промисов сохраняет последовательность выполнения

const arr = [
  () => new Promise(
    r => setTimeout(() => r("Petrov"), 1000)
  ),
  () => new Promise(
    r => setTimeout(() => r("Petr"), 1000)
  ),
  () => new Promise(
    r => setTimeout(() => r("Petrovich"), 1000)
  )
];

giveMeName().then(r => console.log(r.join(" "))) // Petrov Petr Petrovich

Выполнение функции с Promise?

prolina, массив arr состоит из функций, дальше строится цепочка промисов, по ходу выполнения которой в массив results добавляются результаты выполнения этих функций, и в итоге в массиве results будут лежать результаты выполнения функций
А вообще код страшный, была бы понятна идея, для чего он написан, можно было бы сказать что-то конкретнее

Выполнение функции с Promise?

Берет массив функций arr откуда-то сверху, бежит по нему и создает цепочку промисов, по ходу выполнения промисов пихает в массив results результаты, затем забирает последний результат, пихает в results и возвращает

const arr = [() => Promise.resolve(5), () => 6, () => 24]

причем первый элемент массива arr должен возвращать промис

const arr = [() => Promise.resolve(5), () => 6, () => 24]
giveMeName() // [5, 6, 24]

В списке меняется один элемент, происходит рендер все остальных(Immutable + memoize) ReactJS, что не так делаю?

посмотри useMemo, замемоизируй ListItem

Как получить текст со всеми символами?

JSON.stringify(text)

Как взять данные из массива в JS?

//lodash
_.groupBy(myObj, "category_id")

Почему React-компонент рендерится, но не отображается в браузере?

Зачем полученный массив преобразовывать в JSON?

Можно ли использовать 2 разные коллекции элементов для похожих действий в js?

Одна модель/коллекция = одно представление

Как привести дни недели к такому типу?

_.groupBy(sApiPrihodit, i => `${i.start_time}-${i.end_time}`)

Как использовать свойства инфоблока как параметр при составлении условия скрипта?

document.getElementsByClassName("stock_image").style.opacity = '0';

этот код не будет выполняться, потому что getElementsByClassName возвращает коллекцию элементов, а не элемент. А по сабжу, вешать onchange на чекбокс и в зависимости от checked выставлять opacity на нужный элемент

Как из списка выбрать документ и передать её в поле для сравнения?

Alisa94, это означает, когда отработает функция documentClick, в атрибут data-id первого/второго блока положится идентификатор кликнутой модели. Соответственно, если вы повесите MutationObserver на первый/второй блок, отработает функция-листенер

Как из списка выбрать документ и передать её в поле для сравнения?

Alisa94, function documentClick(urn, name) { document.querySelector("селектор_первого_блока").setAttribute("data-id", urn) }

Как из списка выбрать документ и передать её в поле для сравнения?

Можно разъюзаться через data-атрибуты и MutationObserver, но хз, насколько это хорошо) Если схематично, вешаешь MutationObserver на первый/второй блоки, который смотрит изменение атрибутов, ловишь id модели и суешь туда, при нажатии на модель на сайдбаре - добавляешь в первый/второй блок data-id={id_модели}

Как передать контекст в импортированную фукцию?

в function1 контекст - глобал

Как сделать чтобы в tagsinput кроме тегов вводился еще и сам текст?

можно

Как получать повторный алерт после закрытия старого?

Убрать data-dismiss из кнопки, положить в кнопку onclick = e => document.getElementById('error-alert').style.display = 'none'