Size: a a a

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

2021 March 04

S

Sheravgan in React — русскоговорящее сообщество
Jack
Ребят а вот у меня есть обьект с обьектами (комнатами) и мне нужно список в штмл вывести ( цикл сделать ) есть статейка, либо структура
Всем привет. Я новенький, недавно начал пользоваться React-ом. Как можно создать светофор на React, не подскажите ?
источник

AD

Andriy Dudariev in React — русскоговорящее сообщество
Kirill Kulikov
нет, просто так назвал. они по порядку в любом случае идут.
data.sort( ).reduce().map()
В сорте сортируешь по порядку, в редьюсе дублирующиеся сливаешь в один, и в мапе рендеришь столбик со всеми айтемами
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Sheravgan
Всем привет. Я новенький, недавно начал пользоваться React-ом. Как можно создать светофор на React, не подскажите ?
Есть три состояния, переключаете их через определенное время с помощью интервала и все🤷‍♂
источник

KK

Kirill Kulikov in React — русскоговорящее сообщество
Andriy Dudariev
data.sort( ).reduce().map()
В сорте сортируешь по порядку, в редьюсе дублирующиеся сливаешь в один, и в мапе рендеришь столбик со всеми айтемами
спасибо, с такой инструкцией в разы легче!)
источник

AD

Andriy Dudariev in React — русскоговорящее сообщество
Kirill Kulikov
спасибо, с такой инструкцией в разы легче!)
как варик, можно 5 мапов сделать.
data.filter( d => d.col == currentCol ).reduce((a,d)=>([...a,...d.items], [] ).map()
источник

KK

Kirill Kulikov in React — русскоговорящее сообщество
Andriy Dudariev
как варик, можно 5 мапов сделать.
data.filter( d => d.col == currentCol ).reduce((a,d)=>([...a,...d.items], [] ).map()
спасибо, сначала поизящней попробую
источник

ЕД

Егор Денисов... in React — русскоговорящее сообщество
Всем привет! Хочу реализовать компонент для иконок. Можно ли как-то переписать что бы убрать подобное дублирование?
источник

🧨

🧨 ethorz in React — русскоговорящее сообщество
Егор Денисов
Всем привет! Хочу реализовать компонент для иконок. Можно ли как-то переписать что бы убрать подобное дублирование?
привет, можно через енум сделать
источник

🧨

🧨 ethorz in React — русскоговорящее сообщество
где тип это ключи енума а значение - компонент
источник

🧨

🧨 ethorz in React — русскоговорящее сообщество
bathtub: Bathtub

а рендерить так

const Component = Enum[type]

return <Component />
источник

ЕД

Егор Денисов... in React — русскоговорящее сообщество
🧨 ethorz
где тип это ключи енума а значение - компонент
интересно! а вот тут что имеется ввиду? тип чего?
источник

🧨

🧨 ethorz in React — русскоговорящее сообщество
Егор Денисов
интересно! а вот тут что имеется ввиду? тип чего?
имя иконки точнее
источник

ЕД

Егор Денисов... in React — русскоговорящее сообщество
аа, вроде понял. Спасибо!)
источник

🧨

🧨 ethorz in React — русскоговорящее сообщество
а ключи можно вытащить для пропса - keyof typeof YourEnum
источник

🧨

🧨 ethorz in React — русскоговорящее сообщество
вроде так)
источник

ЕД

Егор Денисов... in React — русскоговорящее сообщество
🧨 ethorz
а ключи можно вытащить для пропса - keyof typeof YourEnum
👍
источник

AM

Anton Mazhuto in React — русскоговорящее сообщество
Ребят, подскажите пожалуйста как побороть такую ошибку ?
источник

YP

Yarik Pesochenski in React — русскоговорящее сообщество
Странно, все вроде правильно написано
источник

YP

Yarik Pesochenski in React — русскоговорящее сообщество
Попробуй редактор перезапусти
источник

MK

Maxim Koylo in React — русскоговорящее сообщество
Anton Mazhuto
Ребят, подскажите пожалуйста как побороть такую ошибку ?
Это в конфигах там надо что то менять, а ну покаж пекедж джейсон свойство module
источник