Есть кто живой)?

Вроде бы да

Часа два вожусь с асинхронными запросами в массиве не подскажешь кое-что?

*достает карты таро* давай посмотрим

😅

У меня будет рассылка емейлов, но по политеке пользования нельзя отправлять больше одного сообщения в секунду...
Есть массив емейлов по которому нужно "пробежаться" и отправить последующий с задержкой в 1 секунду
Пробовал и map и for и for..of и for in всёравно всё отправляет сказу целиком...

может тут синхронно нужно все же?..

Может setInterval да и все?

timeout только, внутри map

Неработает, оно запускает все промисы, а потом одновременно отрабатывает

Всем привет. Есть следущая проблема:
Есть у меня компоненты:

import { Checkbox, Radio } from "@material-ui/core";
import SizeFilter from "./sizeFilter";
import ColorsFilter from './colorFilter'

Мне приходят данные у которых есть name, и он может быть

Size, Colors, Price, Brand и так далее

И для каждого разный тип, например:

Для Size -> <SizeFilter sizeUnit={sizeUnit}/>
Для Colors -> <ColorsFilter color={color}/>
Для Price ->
 <Radio
        icon={<RadioButtonIcon />}
        checkedIcon={<RadioButtonIcon checked />}
 />


Для Brand -> 
<Checkbox
        icon={<CheckboxIcon />}
        checkedIcon={<CheckboxIcon checked />}
/>

Я хочу как-то динамично подгружать нужные компоненты, что-бы не делать 100500 if / else или switch

Придумал такую структуру, но она проблематична:

const FiltersContentByType = {
  Brand: (
    <Checkbox icon={<CheckboxIcon />} checkedIcon={<CheckboxIcon checked />} ... />
  ),
  Price: (
    <Radio
      icon={<RadioButtonIcon />}
      checkedIcon={<RadioButtonIcon checked .... />}
    />
  ),
  Size: <SizeFilter  />, // Проблема: как тут прокинуть нужные пропсы
};


render() {
  const {name} = props;
  {data.map(el =>  FiltersContentByType[name])}
}

так ты итерируй таймаут при каждом цикле

import { Checkbox, Radio } from "@material-ui/core";
import SizeFilter from "./sizeFilter";
import ColorsFilter from './colorFilter'

Size, Colors, Price, Brand и так далее

Для Size -> <SizeFilter sizeUnit={sizeUnit}/>
Для Colors -> <ColorsFilter color={color}/>
Для Price ->
 <Radio
        icon={<RadioButtonIcon />}
        checkedIcon={<RadioButtonIcon checked />}
 />


Для Brand -> 
<Checkbox
        icon={<CheckboxIcon />}
        checkedIcon={<CheckboxIcon checked />}
/>

const FiltersContentByType = {
  Brand: (
    <Checkbox icon={<CheckboxIcon />} checkedIcon={<CheckboxIcon checked />} ... />
  ),
  Price: (
    <Radio
      icon={<RadioButtonIcon />}
      checkedIcon={<RadioButtonIcon checked .... />}
    />
  ),
  Size: <SizeFilter  />, // Проблема: как тут прокинуть нужные пропсы
};


render() {
  const {name} = props;
  {data.map(el =>  FiltersContentByType[name])}
}

Сделай конфиг файл, и по config[name] вытаскивай компонент и прикидывай туда пропсы

config = {
  brand: Component,
  price: Component,
  size: Component,
};

render -> const Renderer = config[name] -> <Renderer {…props} />

А что если в компонентах разные пропсы, и надо их вписывать вручную, по типу Radio и Checkbox которые идут с матириала

   <Checkbox icon={<CheckboxIcon />} checkedIcon={<CheckboxIcon checked />} ... />
 
   <Radio
     icon={<RadioButtonIcon />}
     checkedIcon={<RadioButtonIcon checked .... />}
   />

Пhивет всем. У меня на сайте есть баг (или фича), не могу найти в чем проблема. Есть каталог с фильтром, фильтр работает норм, НО если я хочу перейти по прямой ссылке фильтра (mysite.com/pets/dogs) - Редиректит на главную.
Подскажите в какую сторону копать? Может кто сталкивался...

ну для начала копни в сторону своего роутера

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

useWhyDidYouUpdate хук загугли

пhобую отловить в консоли...