Как динамически подставлять иконки для ключей объекта?

Только-что также сделал через switch и вынес функцию в другую папку

export const generateIcon = (key: string) => {
  switch (key) {
    case 'facebook':
      return <FacebookIcon />
    case 'github':
      return <GitHubIcon />
    case 'instagram':
      return <InstagramIcon />
    case 'mainLink':
      return <LinkIcon />
    case 'twitter':
      return <TwitterIcon />
    case 'vk':
      return <DeveloperBoardIcon />
    case 'website':
      return <WebIcon />
    case 'youtube':
      return <YouTubeIcon />
    default:
      return null
  }
}

Спасибо

Как зашить данные с сервера в initialState redux?

ответ от сервера приходит в виде объекта

PhotosType = {
  small: string
  large: string
}

Почему долго запускается сервер node js в react app?

This version of npm is compatible with lockfileVersion@1, but package-lock.json was generated for lockfileVersion@2
Вот такую ошибки пишет вначале

Почему долго запускается сервер node js в react app?

BranchInCode, это может быть связано с глобальной установкой yarn?

Почему долго запускается сервер node js в react app?

та нет, все было хорошо до тех пор пока не обновился vscode

Почему долго запускается сервер node js в react app?

BranchInCode, это node js имеет 15 версию

Как переписать componentDidUpdate на useEffect?

Спасибо большое

Как добавить закрытие модального окна по бэкграунду на React?

0xD34F, спасибо большое!

Как удалить массив зависимостей в useEffect, useCallback?

А есть другие варианты, потому что как я знаю dispatch там не нужен в массиве зависимостей, говоря о производительности приложения

Увеличение части картинки при наведении в карточке товара?

и при наведении добавь клас

Как отфильтровать закрытие элементов в JS?

Ярослав Иванов, да

if (element === menu) {
          return
        } else {
          element.classList.remove("active")
        }

Как отфильтровать закрытие элементов в JS?

Ярослав Иванов, уже всё решили

Где лучше объявлять активный класс элемента?

G F, да оно и есть при загрузке, поэтому лучше всего подходит вариант с html

Где лучше объявлять активный класс элемента?

тоже так думаю, потому что сперва html загружается а потом уже js

Где лучше объявлять активный класс элемента?

css не подойдет, ибо это рушит логику в js

Как отфильтровать закрытие элементов в JS?

Ярослав Иванов, ну тогда какой вы предложите алгоритм без привязке к элементам ? Как вы создаете подобные dropdown menu?

Как отфильтровать закрытие элементов в JS?

Работает, спасибо большое)

Как отфильтровать закрытие элементов в JS?

я уже пробовал этот способ, он не работает к сожалению. При повторном клике меню не скрывается, и вот небольшая поправочка

$dropDowns.forEach((el) => {
  el.addEventListener("click", (e) => {
    $dropMenus.forEach( element => element.classList.remove("active") );
    el.querySelector('.dropdown_menu').classList.toggle('active');
  });
});

Как отфильтровать закрытие элементов в JS?

А как посоветуете решить эту задачу? Сделать с помощью классов и конструктора?

Как отфильтровать закрытие элементов в JS?

Ярослав Иванов, кликните по Home 1, потом сразу по Home 2. Нужно чтобы Home 1 спрятался