169 похожих чатов

Не подскажете как из этой байды сделать нормальный React компонент? //

mobile icons
import PopularMobile from "public/images/tabs/mobile/popular.svg";
import HdMobile from "public/images/tabs/mobile/hd.svg";
import AudioMobile from "public/images/tabs/mobile/audio.svg";
import TotalMobile from "public/images/tabs/mobile/total.svg";

// desktop icons
import Popular from "public/images/tabs/desktop/popular.svg";
import Hd from "public/images/tabs/desktop/hd.svg";
import Audio from "public/images/tabs/desktop/audio.svg";
import Total from "public/images/tabs/desktop/total.svg";

const icons = {
popular: <Popular />,
hd: <Hd />,
audio: <Audio />,
total: <Total />,
};

const mobileIcons = {
popular: <PopularMobile />,
hd: <HdMobile />,
audio: <AudioMobile />,
total: <TotalMobile />,
};

export {
icons,
mobileIcons,
};
вызываю так
// id это audio, popular и тд
<SVG isActive={id === activePanel}>{isMobile ? mobileIcons[id] : icons[id]}</SVG>
хотелось бы React компонент сделать, а вызывать так
```
<SVG isActive={id === activePanel}> <IconComponent id={id} /> </SVG>
````

2 ответов

15 просмотров

а они разные? или только размер разный?

Сделайте обёртку: ваши последние строчки как исходник, а внутри - как сейчас делаете

Похожие вопросы

Обсуждают сегодня

Мужики и девушки, привет) в Вelphi xe7 в настройках во вкладке "Editor Options" далее " Color" есть список: "Elements", открыв который мы можем настраивать отображение разных...
Kraszx
14
Добрый вечер. Есть вопрос, а может и предложение. Был у меня диалог в другой группе о делфи и я задался вопросом: "А нельзя ли в делфи цвет //коментария и {комментария} сде...
Kraszx
24
Всем привет! Подскажи, пожалуйста, как передать в TComboBox сразу значение и id записи. На Delphi я делал так: ComboBox1.Items.AddObject('Какое-то значение', Pointer(id запис...
Евгений
13
А вот это что за конструкция? Вернее, она тут нафига?
Serjone
10
Мдя, прикол, боевая сборка запускается (именно под отладчиком) после F9 примерно полторы минуты (97 секунд если быть точным). Начал копать - проблема детектится сразу - зависа...
Александр (Rouse_) Багель
38
Мужики. привет) в Вelphi xe7 в настройках во вкладке "Editor Options" далее " Color" есть список: "Elements", открыв который мы можем настраивать отображение разных элементов...
Kraszx
2
Здравствуйте, вопрос по структурам данных. Были у вас случаи, когда пришлось писать деревья или двунаправленные списки?
/ /
50
Товарищи, кто работа с iphelper? Или может я в самой логике ошибки фигачу, не пойму.... var ifTable : PMIB_IFTABLE; size, corSize: DWORD; Buffer ...
Warfarellen
4
я так понимаю, я так подозреваю, что создание такого плагина для человека, кто умеет писать плагины для делфи потребует минут 5-10 времени. но это мое подозрение. хотелось бы ...
Kraszx
7
Всем привет! Кто пользуется DevExpress, подскажите пожалуйста, реализован ли в TcxGrid в новых версиях поиск по датам как в Экселе (ну т.е. не просто список чекбоксов со значе...
A Z
4
Карта сайта