Size: a a a

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

2020 July 20

RH

Rauf Heshimov in React — русскоговорящее сообщество
Roman Usherenko
как "так"?
Мне интересно просто как он берет размеры DOM элемента
источник

RH

Rauf Heshimov in React — русскоговорящее сообщество
Component renders for the first time.
The return value of render() is used to mount new DOM.
componentDidMount fires and set's state immediately (not in an async callback)
The state change means render() is called again and returns new JSX which replaces the previous render.
The browser only shows the second render to avoid flicker.
                                                                                           https://reacttraining.com/blog/useEffect-is-not-the-new-componentDidMount/
источник

RH

Rauf Heshimov in React — русскоговорящее сообщество
Во избежания мерцания браузер показывает второй  render так как стейт изменился .
источник

АЗ

Андрей Звёздочка... in React — русскоговорящее сообщество
Rauf Heshimov
Во избежания мерцания браузер показывает второй  render так как стейт изменился .
Если ссылаешься на что-то кроме доки, то иди к автору текста с вопросами
источник

RH

Rauf Heshimov in React — русскоговорящее сообщество
Андрей Звёздочка
Если ссылаешься на что-то кроме доки, то иди к автору текста с вопросами
Окей сейчас отправлю текст с доков
источник

RH

Rauf Heshimov in React — русскоговорящее сообщество
Андрей Звёздочка
Если ссылаешься на что-то кроме доки, то иди к автору текста с вопросами
Вот тебе доки
источник

RH

Rauf Heshimov in React — русскоговорящее сообщество
Вы можете сразу вызвать setState() в componentDidMount(). Это вызовет дополнительный рендер перед тем, как браузер обновит экран. Гарантируется, что пользователь не увидит промежуточное состояние, даже если render() будет вызываться дважды
источник

АЗ

Андрей Звёздочка... in React — русскоговорящее сообщество
Rauf Heshimov
Вы можете сразу вызвать setState() в componentDidMount(). Это вызовет дополнительный рендер перед тем, как браузер обновит экран. Гарантируется, что пользователь не увидит промежуточное состояние, даже если render() будет вызываться дважды
источник

RH

Rauf Heshimov in React — русскоговорящее сообщество
Получается доки нам врут))
источник

RH

Rauf Heshimov in React — русскоговорящее сообщество
Вообще интересный вопрос.3 дня искал ответы и то даже сейчас осталось вопросы типо откуда он берет размер ДОМ элемента
источник

АЗ

Андрей Звёздочка... in React — русскоговорящее сообщество
Rauf Heshimov
Вообще интересный вопрос.3 дня искал ответы и то даже сейчас осталось вопросы типо откуда он берет размер ДОМ элемента
Скорее всего дело в том, что получение размера триггерит рендер браузера, поэтому данные отображаются
источник

RH

Rauf Heshimov in React — русскоговорящее сообщество
Андрей Звёздочка
Скорее всего дело в том, что получение размера триггерит рендер браузера, поэтому данные отображаются
Может быть 🤔
источник

АХ

Амир Хан in React — русскоговорящее сообщество
Привет. Как в реакте подгрузить картинки?
После подгрузки картинок хочу отрендерить компонент(слайдер)

Вот пример:
https://codesandbox.io/s/framer-motion-image-gallery-zegcy
источник

АЗ

Андрей Звёздочка... in React — русскоговорящее сообщество
Rauf Heshimov
Может быть 🤔
Нет, дело не в этом. Либо дока врёт, либо дебаггер не мгновенно останавливает выполнение
источник

RH

Rauf Heshimov in React — русскоговорящее сообщество
Амир Хан
Привет. Как в реакте подгрузить картинки?
После подгрузки картинок хочу отрендерить компонент(слайдер)

Вот пример:
https://codesandbox.io/s/framer-motion-image-gallery-zegcy
onload
источник

АХ

Амир Хан in React — русскоговорящее сообщество
img.onload?
Мне надо будет подгрузить несколько картинок
источник

АХ

Амир Хан in React — русскоговорящее сообщество
Я думал прослушивать window.onload, но как мне начать подгружать картинки?
источник

ES

Eugene Sternin in React — русскоговорящее сообщество
Амир Хан
Я думал прослушивать window.onload, но как мне начать подгружать картинки?
вставть ссылку на картинку?
источник

RH

Rauf Heshimov in React — русскоговорящее сообщество
Андрей Звёздочка
Нет, дело не в этом. Либо дока врёт, либо дебаггер не мгновенно останавливает выполнение
либо надо проверить в локалной системе фиг знает как именно работает codesandbox
источник

RH

Rauf Heshimov in React — русскоговорящее сообщество
@XaveScor тут чувак написал https://stackoverflow.com/questions/49058890/how-to-get-a-react-components-size-height-width-before-render но думаю тоже не правильно
источник