Size: a a a

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

2021 January 07

И

Иван in React — русскоговорящее сообщество
Temirlan Balguzhin
Для начала я сверстал всё и теперь переношу вёрстку в React, но миксины не применяются
Миксины из scss нельзя использовать в styled-components. Эти миксины — фича scss. Это язык, про который styled-components ничего не знает
источник

TB

Temirlan Balguzhin in React — русскоговорящее сообщество
Но внутри styled-components синтаксис scss
источник

ВФ

Владимир Филиппов... in React — русскоговорящее сообщество
Добрый день! Подскажите, пожалуйста, современные курсы (бесплатные или платные, но очень дорогие) по react js, в которых используется esmascript 12. А то я нашёл на паре сайтов бесплатные, но там они уже 3-годичные и с ES6, а у меня Visual Studio Code ругается, что он уже устаревает и некоторые функции не поддерживаются, т.к у меня установился уже es2021 в jslint
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Temirlan Balguzhin
Но внутри styled-components синтаксис scss
Нет, просто похож
источник

TB

Temirlan Balguzhin in React — русскоговорящее сообщество
Если миксины сделать как функции и добавлять в styled-components норм же?! В статье автор так сделал
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Temirlan Balguzhin
Если миксины сделать как функции и добавлять в styled-components норм же?! В статье автор так сделал
Норм есть даже либы с такими миксинами, polished
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Temirlan Balguzhin
Для начала я сверстал всё и теперь переношу вёрстку в React, но миксины не применяются
Никогда не понимал такой подход)
Двойная работа какая-то получается, по-моему😁
источник

TB

Temirlan Balguzhin in React — русскоговорящее сообщество
Поймёшь когда ОЗУ будет маловато
источник

V

Veli in React — русскоговорящее сообщество
Temirlan Balguzhin
Поймёшь когда ОЗУ будет маловато
Раз уж уже есть стили на SCSS, то проще было бы использовать CSS modules
источник

V

Veli in React — русскоговорящее сообщество
Чем переносить SCSS на стайледы и тратить кучу времени
источник

TB

Temirlan Balguzhin in React — русскоговорящее сообщество
Veli
Чем переносить SCSS на стайледы и тратить кучу времени
Да, отличный вариант. Так и сделаю
источник

AM

Ahma Mahma in React — русскоговорящее сообщество
Переслано от Ahma Mahma
привет всем, подскажите плз, как сделать так чтобы в state.avatars сохранить массив значений промиса, а не промис-объекты(которые содержат значение) ?

дело в том что моя функция wpApi.getImageUrl(id); возвращает промис, ну там запрос на сервак. и он соответственно возвращает промис
источник

V

Veli in React — русскоговорящее сообщество
Ahma Mahma
Переслано от Ahma Mahma
привет всем, подскажите плз, как сделать так чтобы в state.avatars сохранить массив значений промиса, а не промис-объекты(которые содержат значение) ?

дело в том что моя функция wpApi.getImageUrl(id); возвращает промис, ну там запрос на сервак. и он соответственно возвращает промис
Promise.all
источник

AM

Ahma Mahma in React — русскоговорящее сообщество
и внутри делать return this.setState({avatars: res}) ?
источник

TB

Temirlan Balguzhin in React — русскоговорящее сообщество
Ahma Mahma
Переслано от Ahma Mahma
привет всем, подскажите плз, как сделать так чтобы в state.avatars сохранить массив значений промиса, а не промис-объекты(которые содержат значение) ?

дело в том что моя функция wpApi.getImageUrl(id); возвращает промис, ну там запрос на сервак. и он соответственно возвращает промис
Возможно не переназначать avatarArray, а вместо этого запушить res в массив?!
источник

V

Veli in React — русскоговорящее сообщество
Ahma Mahma
и внутри делать return this.setState({avatars: res}) ?
Нет, нужно просто промис из мапа вернуть. Тогда ты получишь массив промисов, сделаешь на него Promise.all, дождешься результата (он отдаст его в виде массива) и засетишь в стейт
источник

AM

Ahma Mahma in React — русскоговорящее сообщество
Круто, буду пробовать, спасибо всем
источник

V

Veli in React — русскоговорящее сообщество
Ahma Mahma
и внутри делать return this.setState({avatars: res}) ?
Promise.all(this.props.options.review.map(i => wpApi.getImageUrl(i.review_icon))).then(res => this.setState({ data: res })
источник

V

Veli in React — русскоговорящее сообщество
что-то вроде этого
источник

AM

Ahma Mahma in React — русскоговорящее сообщество
👍👍👍😘
источник