Давай по индукции.

что добавить в стейт?

Данные, на основе них рендер

Привет! Почему в Реакте нет таких вещей как: добавить дочерний компонент, удалить? Эту возможность конвертировали в отрисовку (мол изменилось состояние и в зависимости от этого отрисовать дочерний компонент - то бишь добавить, или не отрисовать - то бишь удалить). Когда этих дочерних компонент мало - проблем нет. А что делать, если их много? Причем видов компонент тоже много. И заранее неизвестно какие компоненты там будут. Например взять компонент, внутри которого SVG для реализации Corel Draw образного приложения.

Нету, ради простоты api. Если тебе надо динамически компоненты собирать, у тебя один вариант: писать фабрики компонентов, которые можно конфигурировать в рантайме. Иными словами - () => () => <Comp/>

2 разнотипных дочерних элемента добавлять сможешь?

ага, я могу написать метод addComponent() и после этого меня тут забанян как минимум))

ага, я могу написать метод addComponent() и после этого меня тут забанян как минимум))

Напиши. Мне даже интересно посмотреть как ты его реализуешь. В общем виде, пожалуйста. Чтобы для всех ситуаций работало.

Нету, ради простоты api. Если тебе надо динамически компоненты собирать, у тебя один вариант: писать фабрики компонентов, которые можно конфигурировать в рантайме. Иными словами - () => () => <Comp/>

это например как делает <Router/>???

Да

Напиши. Мне даже интересно посмотреть как ты его реализуешь. В общем виде, пожалуйста. Чтобы для всех ситуаций работало.

выше написал же

это например как делает <Router/>???

Он делает через стейт

выше написал же

Метод, который добавляет компонент в рандомное место?)

Да

хмм... вот это уже что-то есть что поизучать Кроме Router есть подобные компоненты для изучения по моей теме?

Если что, то у любого компонента 1 корень.

хмм... вот это уже что-то есть что поизучать Кроме Router есть подобные компоненты для изучения по моей теме?

Они все работают одинаково.

спасибо! начну с того, что расковыряю роутер

хмм... вот это уже что-то есть что поизучать Кроме Router есть подобные компоненты для изучения по моей теме?

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

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

спасибо наводка на роутер и фабрики это похоже самое полезное на данный момент!

всем привет предельно странный вопрос, но кто-нибудь когда-нибудь хранил реф в стейте?

это вообще возможно?

Возможно но не нужно

в моём случае нужно

всем привет предельно странный вопрос, но кто-нибудь когда-нибудь хранил реф в стейте?

state = { prop: React.createRef() }

у меня мобикс стейт три

у меня мобикс стейт три

И че

и когда пытаюсь закинуть в стейт вылетает что-то вроде Cannot assign to read only property '__reactEventHandlers$pr1nxgsxix' of object '#<HTMLInputElement>'

Uncaught TypeError: Cannot assign to read only property 'current' of object '#<Object>'

хотя я присваиваю значению в стейте реф а не наоборот

отсюда и возник вопрос, возможно ли это вообще

может кто объяснить почему ф-я func1 не мокается?

при этом если бы я ее не тестил она бы мокалась

могу даже кусок этого кода скинуть

мот в моем окружении

@petr_mor ну очевидно ты неправильно мокаешь

в доке есть простые и понятные примеры

@petr_mor ну очевидно ты неправильно мокаешь

Я мокаю третью фю которая не тестируется.. она мокается нормально

если при тесттровании ты испытываешь боль, значит ты что-то сделал не так или тестируешь не правильно

Если при тестировании ты испытываешь боль, не повторяй ошибку — не пиши тесты..ююю

если при тесттровании ты испытываешь боль, значит ты что-то сделал не так или тестируешь не правильно

ахаха.. ну тут то все просто вроде, просто как то странно отрабатывает JEST

просто это когда тебе достаточно слелать f = jest.fn() а потом f.mockReturnValue(...)

просто это когда тебе достаточно слелать f = jest.fn() а потом f.mockReturnValue(...)

ну не бывает такого в реальном коде... хотя в hello world возможно

код должен быть простым и легко тестируемым

чтобы любой новичок в нем мог разобраться

код должен быть простым и легко тестируемым

я в этих 4-ех строчках кода не вижу ни какой сложности.. и ни один новичек не увидит

это как литературное произведение есть такие книги, что без поллитра не поймешь суть, а есть такие что читаешь и как лейся песня :)

Такая вот ситуация: Нужно задать ширину и высоту нескольким секциям в полный размер высоты и ширины окна браузера(с получением значений проблем нет). Проблема в том, когда мы задаём каждой section полную высоту, то у нас появляется scrollbar, который уменьшает ширину окна браузера при том, что секциям установлены старые значения(т.е. ширина без скролл бара). В голову приходят следующее решение: Изначально заделать блок на всю высоту, после чего в компоненте указываются ширины и высоты, и при хуке componentDidMount резко удалять элемент с dom. Но по философии фреймворков, рендер должен перерисовываться при изменении состояний, как мне в данном случае такое заделать?

Такая вот ситуация: Нужно задать ширину и высоту нескольким секциям в полный размер высоты и ширины окна браузера(с получением значений проблем нет). Проблема в том, когда мы задаём каждой section полную высоту, то у нас появляется scrollbar, который уменьшает ширину окна браузера при том, что секциям установлены старые значения(т.е. ширина без скролл бара). В голову приходят следующее решение: Изначально заделать блок на всю высоту, после чего в компоненте указываются ширины и высоты, и при хуке componentDidMount резко удалять элемент с dom. Но по философии фреймворков, рендер должен перерисовываться при изменении состояний, как мне в данном случае такое заделать?

что мешает сделать это с помощью css?

что мешает сделать это с помощью css?

Так безопаснее. Не везде есть поддержка vh и vw

Так безопаснее. Не везде есть поддержка vh и vw

а где нет?

а где нет?

https://caniuse.com/#feat=viewport-units

https://caniuse.com/#feat=viewport-units

и?

где нет

Только в последних поддерживается помимо chrome.

А мне и на IE надо ориентироваться.

Да и вообще, заинтересовал этот момент, не знаю как реализовать в react.

ref

Как мне заставить рендириться компонент при изменении состояния state.

при выполнении setState реакт запускает рендер

Только в последних поддерживается помимо chrome.

ие11 не поддерживает vh, vw?

ие11 не поддерживает vh, vw?

Ранние версии.

при выполнении setState реакт запускает рендер

Точно, попробую сейчас заделать хэндлер на ресайз.

Такая вот ситуация: Нужно задать ширину и высоту нескольким секциям в полный размер высоты и ширины окна браузера(с получением значений проблем нет). Проблема в том, когда мы задаём каждой section полную высоту, то у нас появляется scrollbar, который уменьшает ширину окна браузера при том, что секциям установлены старые значения(т.е. ширина без скролл бара). В голову приходят следующее решение: Изначально заделать блок на всю высоту, после чего в компоненте указываются ширины и высоты, и при хуке componentDidMount резко удалять элемент с dom. Но по философии фреймворков, рендер должен перерисовываться при изменении состояний, как мне в данном случае такое заделать?

Css wh vh

Ранние версии.

что же у тебя там за требования? :)))

ERROR: S client not available

тут вообще какая то дич написана в стейте

может ну его на фиг css3 html5?

что мешает на ref повесить скрипт который ширину выставит если религия не позволяет использовать ксс

на самом деле есть и готоаые измерялки ширины и высоты скролбаров

да и свою сделать легко

на самом деле есть и готоаые измерялки ширины и высоты скролбаров

Как?

рисуешь див в нем еще один и оба скрытые

как ты вообще в стейте пытаешся обратится к dom

При том, что стейт меняется.

делаешь так чтобы там скролл образовался и измеряешь

при чем это один раз в самом начале делаешь

делаешь так чтобы там скролл образовался и измеряешь

Мне сейчас другое нужно! Необходимо понять как обновить рендер компонента при изменении стейта.

И заодно задачу выполнить.

тебе же надо просто знать сколько весит скроллбар

тебе же надо просто знать сколько весит скроллбар

Изначально было так, но сейчас хочу понять как реакт себя ведёт в моём случае.

И обновить рендер компонента при измении стейта.

я вообще не понимаю что тут сделать ты пытаешся

+1

какой то адовый код

Хочу чтобы компонент обновил значения, что используются в рендере при изменении стейта.

Но у меня это не получается.

1 вешать листенер надо в дидмаунте

В данном случае, я обновляю стейт при ресайзинге окна, но рендер не пересрабатывает.

2 вешать функцию класса или глобальную

3 удалять листенер в вилланмлунт

не перерендеривае ся потому что сетстейт надо делать

а делать ты его можешь из метода класса компонента

ребят кто-нибудь работал с либой "react-validate-form" ? если да, не возникало ли проблем с фокусом на required input при ошибке?