index) => {
setIndexOfDay(indexOfDay + 1);
return (
<Day color={'green'} >
<Index>{indexOfDay}</Index>
<Name>{lesson.title}</Name>
<Description>{lesson.subtitle}</Description>
</Day>
)
},
)}
Из за строки setIndexOfDay(indexOfDay + 1); вызывается бесконечный ререндер, но мне нужно вызывать эту функцию внутри map. Как можно реализовать по другому?
А почему ее нужно вызывать внутри map?
Ну потому что его я его изменяю в зависимости от индекса
Вы просто единичку прибавляете schedule.lessons.length раз Скорее всего это можно сделать иначе
конечно можно, например не делать это в рендер-функции
Если объяснить полностью задачу, то вот Мне нужно при выходных добавлять +2 к индексу который рендерится внутри мапа {schedule.lessons.map( (lesson, index) => { setIndexOfDay(indexOfDay + 1); if (dayjs(schedule.startDate).add(index, 'day').day() === 0 || dayjs(schedule.startDate).add(index, 'day').day() === 6){ setIndexOfDay(indexOfDay + 2); } return ( <Day color={'green'} > <Index>{indexOfDay}</Index> <Name>{lesson.title}</Name> <Description>{lesson.subtitle}</Description> </Day> ) }, )}
Что такое "indexOfDay"?
Это по сути index от map, но мне нужно его изменять в зависимости от дня недели
Да нет, что это такое в плане бизнесс-сущности, что-ли? Что он представляет? Вы описываете решение, а не задачу
Задача - сделать календарь, конкретнее сейчас - рендерить индекс только будних дней
Все равно ничего не понял, ну да ладно, сформируйте нужные индексы вне рендер-функции, а внутри нее уже используйте
Спасибо, я решил с помощью if’a и добавил к данным дня собственную дату if (dayjs(lesson.date).day() !== 0 || dayjs(schedule.startDate).day() !== 6){ return ( <Day color={}> <Index>{dayjs(lesson.date).date()}</Index> <Name>{lesson.title}</Name> <Description>{lesson.subtitle}</Description> </Day> ) }
Обсуждают сегодня