169 похожих чатов

Привет. Ребятки, подскажите, как поставить фокус в инпут дочернего

функционального компонента после его первого рендера?
Всё что нашел в сети - написано про классовые (

18 ответов

9 просмотров

http://htmlbook.ru/html/input/autofocus

useEffect(()=>{ focusFirstElement() }, [])

Anton Klyauzov
Не, так не работает

по-простому можно реф на инпут просто пропсой закинуть

Anton-Klyauzov Автор вопроса
Victor Rusakovich
useEffect(()=>{ focusFirstElement() }, [])

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

Anton-Klyauzov Автор вопроса
Umrzoq
проверить стейт val на null в useEffect

так у меня нет стейта вообще в этом компоненте

Anton-Klyauzov Автор вопроса
Firstname Lastname
const textInputRef = useRef(null) <Input ref={tex...

вот всё вроде верно, но тем не менее также срабатывает через раз

input autofocus не то что нужно ?

Anton-Klyauzov Автор вопроса
Anton-Klyauzov Автор вопроса
Firstname Lastname
попробуй useLayoutEffect

Так, я нашел закономерность - У меня группа селектов с dropdown, в который встроен инпут. Если кликать по выпадайкам слева направо, то они работают (причем, не важно, кликнул на соседний, или через 3). И фокус на вложенный инпут ставится корректно. Если наоборот- не работают. Ощущение, что ссылка ref как бы работает только в одну сторону.

Anton Klyauzov
Так, я нашел закономерность - У меня группа селект...

динамический маунт — немного сложный кейс, тут без кода никак

Anton-Klyauzov Автор вопроса
Firstname Lastname
динамический маунт — немного сложный кейс, тут без...

Да я бы рад накодить, только что именно? Где почитать на эту тему? Как я понимаю ситуацию - current для каждого последующего элемента как бы выше в иерархии. И ссылка кривая выходит

Anton-Klyauzov Автор вопроса
Anton Klyauzov
Да я бы рад накодить, только что именно? Где почит...

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

Похожие вопросы

Обсуждают сегодня

@MrMiscipitlick А можешь макрос написать, который будет вычислять смещение относительно переданных меток? Просто .label1-.label2, и вернуть значение.
КТ315
35
я не магистр хаскеля, но разве не может лейзи тип конвертнуться в не-лейзи запросив вычисление содержимого прям при инициализации?
deadgnom32 λ madao
100
А еще в перле можно уже @arr1 + @arr2?
Sergei Zhmylove
53
Подобного рода ;Следующие три строки это директивы ассемблера, ;которые можно не задавать, т.к.работаем в Visual Studio. ;Символ ";" - это начало однострочного комментария ...
Егор Анелькин
3
Кто-нибудь знает почему SPM клонирует репо целиком? Некоторые репы просто огромные, как та же swift-syntax которая нужна для использования макросов. Сначала подумал, что это...
iMike
6
Привет всем. появился вопрос. Разрабатываю сайт, в данный момент он запущен. Хостинг beget. Добавляю на сайт яндекс метрику с помощью полей client-settings (взято отсюда http...
Andrew
2
Подскажите, где смотреть результат выполнения программы? Код: ;.686 ;Система команд процессора 686 ;.MODEL FLAT,stdcall ;Модель памяти плоская, станда...
Егор Анелькин
5
еще вопрос, допустим мы создадим char массив из 10 элементов и присвоим ему через сканф 10 символов. и выведем все символы. Хотел спросить последний элемент /0 будет включать...
Anthem
11
;.686 ;Система команд процессора 686 ;.MODEL FLAT,stdcall ;Модель памяти плоская, стандартный ;вызов процедуры ;option casemap:no...
Егор Анелькин
1
Где в Астане можно купить мясо для шашлыков?
Dancing Іңұқәһүғө
21
Карта сайта