@react_js - страница 1577 - Telegram web archive

ок, пруф принял) Но в реальной жизни у меня svg иконка от дизигнера, это набор path с fill свойствами и когда ты ими хочешь рулить через стили самого svg тега, такой фокус не проходит https://codesandbox.io/s/delicate-smoke-kz21t

Sergey

ок, пруф принял) Но в реальной жизни у меня svg иконка от дизигнера, это набор path с fill свойствами и когда ты ими хочешь рулить через стили самого svg тега, такой фокус не проходит https://codesandbox.io/s/delicate-smoke-kz21t

да, к вложенным тегам это не применится. Я вроде писал там ремарочки следом по этому поводу)

Герман

да, к вложенным тегам это не применится. Я вроде писал там ремарочки следом по этому поводу)

👍

Sergey

но если у вложенных тегов атрибуты не указан то тогда уже применятся. В общем надо бы эту тему по полочкам бы разложить раз и навсегда уже)))

Sergey

пойду на MDN

Sergey

чё то сходу ничего тут нету об этом вроде( https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/SVG_and_CSS

Sergey

ух, как же бесят эти GTranslate-клоны SO, прям пиздец...

Sergey

чё то сходу не гуглится совсем про это. Только про кейс с <use> нахожу... В спеку как-то впадлу лезть(

Герман

но если у вложенных тегов атрибуты не указан то тогда уже применятся. В общем надо бы эту тему по полочкам бы разложить раз и навсегда уже)))

в продолжении разговора про svg, еще вот такой хак вспомнил, как менять сразу 2 цвета на ховере с помощью currentColor https://codesandbox.io/s/delicate-smoke-kz21t

Sergey

в продолжении разговора про svg, еще вот такой хак вспомнил, как менять сразу 2 цвета на ховере с помощью currentColor https://codesandbox.io/s/delicate-smoke-kz21t

👍

Natalia

смотрю тема иконок пошла), слушайте а если этих иконок дофига и есть стайлед компоненты const Icon: FC<IconProps> = (props) => { const { className, icon, height, width } = props; return ( <Col className={className} height={height} width={width}> {icon} </Col> ); }; const BaseHome = ({ icon, ...restProps }) => <Icon className="home" width="16px" height="16px" icon={Home} />;

Natalia

const WrapperHome = styled(BaseHome)<IconProps>` width: ${(props) => props.width}; height: ${(props) => props.height}; `;

Sergey

не понял в чём вопрос, но может вот это как-то поможет?) https://css-tricks.com/creating-svg-icon-system-react/

Виталий

Ребятишки, помогите начинающему. В общем имеется такой компонент, который по клику на список с названиями машин будет отображать подробную информацию о машине. В общем в state объект машины приходит, но вот в строке где я выбираю что отображать картинку машины (this.state.car.logo) или лоадер у меня выбывает ошибку. Если же я в src пишу в пути тупо адрес к картинке вместо подставления туда свойства объекта car, то все отображается. А когда так, через require, то ошибка cannot find module /undefined

Sergey

Ребятишки, помогите начинающему. В общем имеется такой компонент, который по клику на список с названиями машин будет отображать подробную информацию о машине. В общем в state объект машины приходит, но вот в строке где я выбираю что отображать картинку машины (this.state.car.logo) или лоадер у меня выбывает ошибку. Если же я в src пишу в пути тупо адрес к картинке вместо подставления туда свойства объекта car, то все отображается. А когда так, через require, то ошибка cannot find module /undefined

don't fuck with dynamic imports 🙂

Виталий

don't fuck with dynamic imports 🙂

why?

Герман

Ребятишки, помогите начинающему. В общем имеется такой компонент, который по клику на список с названиями машин будет отображать подробную информацию о машине. В общем в state объект машины приходит, но вот в строке где я выбираю что отображать картинку машины (this.state.car.logo) или лоадер у меня выбывает ошибку. Если же я в src пишу в пути тупо адрес к картинке вместо подставления туда свойства объекта car, то все отображается. А когда так, через require, то ошибка cannot find module /undefined

используй строковый шаблон `imgpath/${car.logo}.png`

Виталий

don't fuck with dynamic imports 🙂

what i shoul to do?

Герман

what i shoul to do?

you should learn english better first

Sergey

🤣

Valentin

Есть нормальный пример реализации lerna + ts + webpack + react? Уже горит, не типы через раз между пакетами доступны, как это хот релодить вообще хз. горит уже все

Sergey

what i shoul to do?

в общем лучше просто ссылки задавать, без require. Только нужно картинки переместить в папку сборки)

Виталий

используй строковый шаблон `imgpath/${car.logo}.png`

только что попробывал так, но всеравно было undefined, только уже не ошибка, а в инструментах разработчика когда посмотрел тег картинки

Виталий

в общем лучше просто ссылки задавать, без require. Только нужно картинки переместить в папку сборки)

в build? или src?

Sergey

Есть нормальный пример реализации lerna + ts + webpack + react? Уже горит, не типы через раз между пакетами доступны, как это хот релодить вообще хз. горит уже все

могу лишь предположить что yarn workspaces зайдёт лучше. Но это не точно)

Виталий

you should learn english better first

красава

Sergey

в build? или src?

в build

Valentin

могу лишь предположить что yarn workspaces зайдёт лучше. Но это не точно)

может, но почему?

Sergey

может, но почему?

ну он как-то более комплексный что ли, хз 🤷‍♂️ Поддержка тулзов в итоге адекватнее вроде. Ну это так, наблюдения со стороны. Сам монорепы не пилил

Sergey

ну и конкретной проблемы особо не понял. Она случаем не в редакторе?

Sergey

про HMR тоже не понял в чём проблема может быть

Герман

только что попробывал так, но всеравно было undefined, только уже не ошибка, а в инструментах разработчика когда посмотрел тег картинки

как тебе выше сказали сначала статику (картинки) в сборку перемести, 99% то что путь к картинке кривой

Sergey

как тебе выше сказали сначала статику (картинки) в сборку перемести, 99% то что путь к картинке кривой

скорее дело в интерполяции при импорте

Виталий

как тебе выше сказали сначала статику (картинки) в сборку перемести, 99% то что путь к картинке кривой

<img src={../../assets/opel.png} alt=""/> - работает <img src={../../assets/${path}} alt=""/> - не работает

Gennadii

Ребят, кто юзал финал форм, подсеажите или киньте ссылку на материал, как правильно поступить если необходимо хранить дополнительные значения на одно поле, например мне приходит город, но я должен еще сохранить его id и несколько доп полей, при выборе другого города нужно сделать запрос на апи и поменять его id и доп поля, на уме только страшное решение с локальным стейтом и hidden инпутами

Sergey

<img src={../../assets/opel.png} alt=""/> - работает <img src={../../assets/${path}} alt=""/> - не работает

это с require или без?

Герман

<img src={../../assets/opel.png} alt=""/> - работает <img src={../../assets/${path}} alt=""/> - не работает

а что у тебя есть path? Сделай console.log('path',path) и покажи тут

Виталий

это с require или без?

второй вариант и с require и без

Sergey

второй вариант и с require и без

а, во втором случае без require нужно абсолютный путь указать, ну и переместить картинку в build. Ну а совсем по-хорошему это наверное должно быть частью контента, а не кода))

Виталий

а что у тебя есть path? Сделай console.log('path',path) и покажи тут

это то что в консоли