Size: a a a

React — русскоговорящее сообщество

2020 November 03

AS

Andrii Stepanov in React — русскоговорящее сообщество
Sergiy Brotsky
Всем привет. Как в ts дать переменной 2 типа данных (null or object)
string | number
источник

AT

Alex Tuor4eg in React — русскоговорящее сообщество
Добрый день
Подскажите плз как правильно добавить фавикон к реакт-приложению
источник

ZS

Zhanarys Sairanbekov in React — русскоговорящее сообщество
Ребят, столкнулся с проблемой
Есть такой мап:

{schedule.lessons.map(
   (lesson, index) => {
       setIndexOfDay(indexOfDay + 1);

       return (
           <Day color={'green'} >
               <Index>{indexOfDay}</Index>
               <Name>{lesson.title}</Name>
               <Description>{lesson.subtitle}</Description>
           </Day>
       )
   },
)}


Из за строки setIndexOfDay(indexOfDay + 1); вызывается бесконечный ререндер, но мне нужно вызывать эту функцию внутри map. Как можно реализовать по другому?
источник

@

@xtx in React — русскоговорящее сообщество
Alex Tuor4eg
Добрый день
Подскажите плз как правильно добавить фавикон к реакт-приложению
покласть в папку и в индекс.хтмл в хедере написать например
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Zhanarys Sairanbekov
Ребят, столкнулся с проблемой
Есть такой мап:

{schedule.lessons.map(
   (lesson, 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?
источник

AT

Alex Tuor4eg in React — русскоговорящее сообщество
@xtx
покласть в папку и в индекс.хтмл в хедере написать например
ну это-то понятно, я думал может есть какой-то более правильный метод =)
источник

ZS

Zhanarys Sairanbekov in React — русскоговорящее сообщество
Vladimir Klimov
А почему ее нужно вызывать внутри map?
Ну потому что его я его изменяю в зависимости от индекса
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Zhanarys Sairanbekov
Ну потому что его я его изменяю в зависимости от индекса
Вы просто единичку прибавляете schedule.lessons.length раз
Скорее всего это можно сделать иначе
источник

🧨

🧨 ethorz in React — русскоговорящее сообщество
Vladimir Klimov
Вы просто единичку прибавляете schedule.lessons.length раз
Скорее всего это можно сделать иначе
конечно можно, например не делать это в рендер-функции
источник

DD

Dragon3DGraff DGN in React — русскоговорящее сообщество
Всем привет. Сразу скажу - леплю велосипед в образовательных целях. Реакт у меня в приложении занимает малую часть приложения. Я написал своей стейт и евентэмиттер и хочу, чтобы на изменение моего глобального стейта менялся стейт в компоненте. Я добавил слушатель события в useEffect, но он пишет такую ошибку. Раньше я делал чат на socket.io, там слушатель сокетов так же добавлял в useEffect и всё работало...
источник

|

|Atlas| in React — русскоговорящее сообщество
Привет. Как вставить svg в объект так, чтобы он при мапе отображался на странице?
источник

|

|Atlas| in React — русскоговорящее сообщество
источник

ZS

Zhanarys Sairanbekov in React — русскоговорящее сообщество
Vladimir Klimov
Вы просто единичку прибавляете 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>
       )
   },
)}
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Dragon3DGraff DGN
Всем привет. Сразу скажу - леплю велосипед в образовательных целях. Реакт у меня в приложении занимает малую часть приложения. Я написал своей стейт и евентэмиттер и хочу, чтобы на изменение моего глобального стейта менялся стейт в компоненте. Я добавил слушатель события в useEffect, но он пишет такую ошибку. Раньше я делал чат на socket.io, там слушатель сокетов так же добавлял в useEffect и всё работало...
Колбек внутри useEffect вызывается и пытается изменить состояние, а компонента уже нет
Самый простой способ - проверять, замаунчен ли компонент перед тем, как менять его состояние, с помощью рефа
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Zhanarys Sairanbekov
Если объяснить полностью задачу, то вот
Мне нужно при выходных добавлять +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"?
источник

DD

Dragon3DGraff DGN in React — русскоговорящее сообщество
Vladimir Klimov
Колбек внутри useEffect вызывается и пытается изменить состояние, а компонента уже нет
Самый простой способ - проверять, замаунчен ли компонент перед тем, как менять его состояние, с помощью рефа
Я консоль лог пробовал там писать вместо изменения стейта - та же фигня
источник

ZS

Zhanarys Sairanbekov in React — русскоговорящее сообщество
Vladimir Klimov
Что такое "indexOfDay"?
Это по сути index от map, но мне нужно его изменять в зависимости от дня недели
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Zhanarys Sairanbekov
Это по сути index от map, но мне нужно его изменять в зависимости от дня недели
Да нет,  что это такое в плане бизнесс-сущности, что-ли? Что он представляет?
Вы описываете решение, а не задачу
источник

ZS

Zhanarys Sairanbekov in React — русскоговорящее сообщество
Vladimir Klimov
Да нет,  что это такое в плане бизнесс-сущности, что-ли? Что он представляет?
Вы описываете решение, а не задачу
Задача - сделать календарь, конкретнее сейчас - рендерить индекс только будних дней
источник

@

@xtx in React — русскоговорящее сообщество
Alex Tuor4eg
ну это-то понятно, я думал может есть какой-то более правильный метод =)
если память не изменяыет когда создаешь новый проект через криейт-апп то там уже есть фавиконка и она так и реализованна
источник