Делегирование, гугл в помощ

почему console.log(ref) выводит в консоль полученный дом-элемент, а console.log(ref.offsetHeight) пишет cannot read property 'offsetHeight' of undefined?

потому что, может реф еще не готов, в логе объект может меняться

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

класс или хук? если класс то наверное componentDidMount. в хуке useLayoutEffect

что именно нужно в хуке сделать?

Привет есть input при Открытие страницы в инпут ( name=buyerTin ) поподает числоб и по этому идёт поиск, но в input не передаётся число на поиск говорить input пустой - но в input есть число - как решить проблему ?

Привет есть input при Открытие страницы в инпут ( name=buyerTin ) поподает числоб и по этому идёт поиск, но в input не передаётся число на поиск говорить input пустой - но в input есть число - как решить проблему ?

Объясните пожалуйста что он пытается объяснить?

Ты ж вроде в первый раз понял?)))

Ты ж вроде в первый раз понял?)))

а, он фильтровать должен что-то при вводе

Да но в инпуте уже прописан но по этому он не проверяет

ну так у тебя он onchange слушает (неправильно слушает) тебе надо помимо onchange делать такую же проверку в didmount где-нибудь функция-слушатель ивента у тебя неправильно написана вроде как

Нужна помощь

здрасьте где можно почитать про “изменение стейта не напрямую а сначала копиров и этот объект изменить и его установить в тот стейт ”

Про то как копировать объекты или как изменять состояние?

Нужна помощь

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

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

Может это те кто любят когда их унижают?)

Потому что интерактивное общение более эффективно :)

Вопросы на которые не возможно найти ответы

Нет таких

Тогда почему люди сначала не ищут в Гугле, а спрашиваю в чате

handleClick = debounce(callback, ms) onClick={handleClick}

Похоже, вот тру решение и, плюс, для хуков: https://stackoverflow.com/a/58594348/5524590. Дебаунснутая функция обёрнута в debounce перед созданием компонента, таким образом debounce работает с одной и той же функцией.

Всем привет! В процессе повторного прочтения доки React встал вопрос о том, как же всё-таки использовать композиции в коде? Я не очень понимаю, чем это лучше в сравнении с написанием отдельных компонентов на все случаи жизни

Да, тоже норм

Иначе debounce придержит стек вызовов, но после они все исполнятся. Почему, не вполне понял, компонент-то не пересоздаётся.

чем более универсальную штуку ты делаешь, тем хуже она делает что-то одно :) ну и SOLID (хоть и не для ооп) тоже никто не отменял

Не замечал такого

У меня в onChange на инпуте в его коллбеке лежала debounce'нутая console.log и таймаут в 500 мс. После истечения таймауте в косоли была пачка логов с последовательно добавлявшимися буквами.

Нет таких

Всем привет! В процессе повторного прочтения доки React встал вопрос о том, как же всё-таки использовать композиции в коде? Я не очень понимаю, чем это лучше в сравнении с написанием отдельных компонентов на все случаи жизни

Вопросы на которые не возможно найти ответы

А если вынести в функцию?

Ребят есть вопрос, у меня есть компонент Comment, в котором есть стейт, а так же есть в рендере инпут который берет value и записывает в стейт. Задача инпут перенести в другой компонент, как получить данные из компонента с инпутом в компонент Comment? <input type="text" className='userName' value={this.state.userName} onChange={ev => { this.setState({userName: ev.target.value}) }} placeholder='Введите Ваше имя'/>

Внутри компонента (у меня хуки) то же самое.

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

С SOLID я ещё буду разбираться. А вот композиция мне просто как особенность непонятна

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

as you wish делай, как считаешь правильным :)

https://ru.reactjs.org/docs/lifting-state-up.html Посмотри эту статью. Решение найдёшь, включи фантазию

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

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

а все другие тут дальше жабоскрипта не знают штоле ?)

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