Есть 2 инпута (реакт на хуках). При клике (фокусе) на один

Question

Есть 2 инпута (реакт на хуках). При клике (фокусе) на один

инпут рядом рисую окно с клавиатурой 1-9. (работает)
При нажатии кнопок (цифры должны появляться в инпуте) (не работает, так как при расфокусе окно пропадает).
При расфокусе с инпута клавиатура должна исчезнуть.(работает).

Не подскажете, как держать фокус на инпуте, пока кликаю кнопки 1-9?

#frontend #javascript #programming #react.js #russian

0

26.12.2021

5 ответов

20 просмотров

Muxaun Автор вопроса

Спасибо! Не могли уточнить? У меня при клике идёт OnClick функция. В ней надо прописать первой командой ref.current.focus? А useRef как/где привязать к input?

0

26.12.2021

Дима

Muxaun
Спасибо! Не могли уточнить? У меня при клике идёт ...

в том компоненте, где находится и инпут, и клавиатура

0

26.12.2021

Muxaun Автор вопроса

Дима
в том компоненте, где находится и инпут, и клавиат...

<CalculatorKey keyValue={9} onClick={handleOperation} /> const handleOperation = (value) => { СЮДАВСТАВИТЬ, НЕ ПОДСКАЖЕШЬ КАК? if (Number.isInteger(value)) { handleNum(parseInt(value, 10)); } else if (value === ".") { insertDot(); } else if (value === "ᐸ") { setNextValue(nextValue.slice(0, nextValue.length - 1)); } else if (value === "OK") { if (!nextValue.includes("OK")) setNextValue(nextValue + " OK"); } };

0

26.12.2021

Дима

Muxaun
<CalculatorKey keyValue={9} onClick={handleOperati...

Где находится компонент с клавиатурой и сам инпут?

0

26.12.2021

Дима · Accepted Answer

Дима

попробуй в клавиатуру передавать функцию onClick, в которой на будет вызываться ref.current.focus, где ref - useRef, переданный на твой импут. При нажатии на любую кнопку клавиатуры вызывай сначала этот onClick

0

26.12.2021

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

Есть 2 инпута (реакт на хуках). При клике (фокусе) на один

5 ответов

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