Как комбинировать компоненты в React?

Question

[Олег Драпеза]

Добрый день!

Для элементов формы в реакте существует множество компонентов, которые дают отдельные возможности - автокомплит, маска ввода, валидация и т.д.

Возможно ли миксовать эти компоненты, что бы получать на выходе один элемент input, который объединяет эти возможности, или нужно создавать свой компонет, и использовать сторонние js библиотеки для желаемого эффекта?

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

Answer 1

[Максим]

Нужно как вы написали: создавать отдельные компоненты, в которых реализован некий функционал, собственноручно или "подтянув" сторонний код.
На выходе, будет например:

<PhoneInput />
<DatePicker />

и т.д.

Comments

[Олег Драпеза]

Я правильно понимаю, совместить такие компоненты, к примеру как https://github.com/insin/react-maskedinput и https://github.com/fmoo/react-typeahead , которые внутри создают инпут, не получится?

[Максим]

Олег Драпеза: думаю да, надо собирать свой.

[Олег Драпеза]

Максим: спасибо за ответ)