Телеграмм чат группы react_js страница 46820

parrot.ru

Рейтинг популярных групп и каналов

В рейтинге участвует:

групп:

каналов:

Виртуальный сервер на SSD - недорого!

Аренда выделенных и виртуальных серверов (VDS/VPS), хостинг, аренда IP-адресов, администрирование, круглосуточная поддержка

qwarta.ru подробнее

Резервное копирование с проверкой на вирусы!!!

Удобный сервис создания резервных копий на любой сервер сети интернет. Отслеживайте изменения, проверяйте на вирусы. Надежно защитите свой бизнес!

go.backupland.com

Выбираете сервер? Любая конфигурация на заказ!

Аренда физических серверов любых конфигураций под любые запросы - 1С бухгалтерия, игровые сервера, нагруженные проекты, интернет-магазины!

qwarta.ru подробнее

Size: a a a

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

11611 membersпожаловаться на группу

2020 October 22

VR

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

Подскажите пожалуйста, картинка приходит с бека но в dom отрисовывается дольше чем текст например, вешаю onLoad на картинку и вот что получилось, как можно сделать лучше или в этом плохого ничего нет ?

{!imgLoad && <span>Загрузка</span>}
<img style={{display: imgLoad ? 'block' : 'none'}} src={data.url} onLoad={e => __handleImgLoad(e)} />

__handleImgLoad тут просто делаю setImageLoad(true)

браузер будет грузить картинку, у которой display: none?

источник

12:25пожаловаться #1

BB

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

с негодованием по вакансиям вам сюда @javascript_jobs

источник

12:38пожаловаться #2

ZS

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

ребята в мобильной версии не работает useEffect? Я через мобилку сижу тыкаю инпуты, у меня эффект не работает

источник

12:41пожаловаться #3

NT

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

работает

источник

12:41пожаловаться #4

SB

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

Zhanadil Sadykov

ребята в мобильной версии не работает useEffect? Я через мобилку сижу тыкаю инпуты, у меня эффект не работает

на мобилке свои нюансы ивентов на инпутах

источник

12:42пожаловаться #5

И

Иван in React — русскоговорящее сообщество

https://t.me/react_js/1037410

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

с негодованием по вакансиям вам сюда @javascript_jobs

источник

12:44пожаловаться #6

FT

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

Здравствуйте
Подскажите, как организовать код в функциональном компоненте.
У меня есть около 10 вариаций отображения контета в одном и том же блоке в зависимости от вычисляемых свойств в useMemo.
Хотелось бы что-то вроде

if (step1) {
  <Step1 />
} else if (step2) {
  <Step2 />
} else {
  <StepError />
}

источник

12:47пожаловаться #7

FT

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

Хотел всё это сделать в render, но там только тернарный оператор в качестве условий поддерживается

источник

12:49пожаловаться #8

NT

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

почему только тернарный?

источник

12:51пожаловаться #9

IN

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

Здравствуйте
Подскажите, как организовать код в функциональном компоненте.
У меня есть около 10 вариаций отображения контета в одном и том же блоке в зависимости от вычисляемых свойств в useMemo.
Хотелось бы что-то вроде

if (step1) {
  <Step1 />
} else if (step2) {
  <Step2 />
} else {
  <StepError />
}

switch?

источник

12:51пожаловаться #10

DM

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

Хотел всё это сделать в render, но там только тернарный оператор в качестве условий поддерживается

Сделать компонент, в котором будет

if (step1) return <Step1/>)

Etc.

, и включить его в парент

источник

12:52пожаловаться #11

СА

Сергей Александров... in React — русскоговорящее сообщество

Здравствуйте
Подскажите, как организовать код в функциональном компоненте.
У меня есть около 10 вариаций отображения контета в одном и том же блоке в зависимости от вычисляемых свойств в useMemo.
Хотелось бы что-то вроде

if (step1) {
  <Step1 />
} else if (step2) {
  <Step2 />
} else {
  <StepError />
}

https://github.com/AlexSergey/react-switch-case

AlexSergey/react-switch-case

Switch statement in React components. Contribute to AlexSergey/react-switch-case development by creating an account on GitHub.

источник

12:52пожаловаться #12

О

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

Victor Rusakovich

браузер будет грузить картинку, у которой display: none?

В момент загрузки компонента я получаю данные и передаю в img, в onLoad тега у меня сначала <img />, как только картинка готова <img src="link" />, получается мне нужно что бы тег img был в компоненте сразу. В моем коде я заменяю одно другим, пока картинка не готова, она display:none (т.к все равно не видна) и работает прелоадер, как то готова она block и прелоадер убирается из за условия

источник

12:53пожаловаться #13

О

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

код работает как нужно, вопрос в корявости и возможно какое то решение есть другое

источник

12:53пожаловаться #14

FT

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

Nikolay Tolochnyy

почему только тернарный?

имею в виду нельзя использовать else if в render.

источник

12:53пожаловаться #15

FT

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

Сергей Александров

https://github.com/AlexSergey/react-switch-case

AlexSergey/react-switch-case

Switch statement in React components. Contribute to AlexSergey/react-switch-case development by creating an account on GitHub.

спасибо, интересный вариант

источник

12:53пожаловаться #16

FT

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

В момент загрузки компонента я получаю данные и передаю в img, в onLoad тега у меня сначала <img />, как только картинка готова <img src="link" />, получается мне нужно что бы тег img был в компоненте сразу. В моем коде я заменяю одно другим, пока картинка не готова, она display:none (т.к все равно не видна) и работает прелоадер, как то готова она block и прелоадер убирается из за условия

как вариант подставлять дефолное значение - заглушку в атрубут src

источник

12:57пожаловаться #17

D

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

как можно сделать редайрект страницы? с реакт роутер домом?

источник

12:58пожаловаться #18

О

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

как вариант подставлять дефолное значение - заглушку в атрубут src

с прелоадером который отработает, ага спасибо

источник

12:58пожаловаться #19

D

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

<Redirect to={{pathname: '/'}} /> вот это не работает (

источник

12:58пожаловаться #20