Вот есть у меня компонент с инпутом, я его хочу

Question

Вот есть у меня компонент с инпутом, я его хочу

сделать тупым.
на инпуте висит обработчик onKeyDown, который в зависимости от нажатой клавиши (Escape, Enter и т.д) вызывает либо onSubmit или onCancel
Как вынести логику обработки клавиш, чтобы я в пропсы компоненту мог передать value, onSubmit и onCancel (а не императивный onKeyDown)?

Пполучается, я не могу логику нормально вынести, тем более она специфична именно для этого компонента. У него ещё кстати и стейт есть, для скрывания инпута 😐

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

0

09.02.2019

4 ответов

3 просмотра

🅅aleriy 🄺obzar

чистым он может быть только когда будет полностью контролируемым value, onChange

0

09.02.2019

Artem Kasapchuk

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

0

09.02.2019

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

👆Вот у меня исходный компонент. Логика: обработка клавиш и стейт isEditing Это редактируемый элемент списка, к примеру. Надо разделить логику и view, чтобы можно было их переиспользовать: 1) Логику в хук + компонент, который юзает хук 2) Логику в хук + тупой вью + обёртка над вью, которая юзает хук 3) Логику в обёртку над вью + тупой вью

0

09.02.2019

Sergey Sova · Accepted Answer

Sergey Sova

в данном кейсе, у тебя component-specific логика прито минимальная

0

09.02.2019

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

Вот есть у меня компонент с инпутом, я его хочу

4 ответов

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