Использование компонента «Маска текста» с вводом Ant design - PullRequest
Новая
       38

Использование компонента «Маска текста» с вводом Ant design

0 голосов
/ 13 ноября 2018

Я тестировал библиотеку 'act-text-mask ', и я хочу использовать этот компонент вместе с компонентом ant design Input, используя его атрибут render. Однако он не показывает форматированный текст. 

<TextMask
        mask={[/[12]/, /\d/, /\d/, /\d/, "-", /[01]/, /\d/, "-", /[0-3]/, /\d/]}
        placeholderChar="_"
        showMask
        render={(ref, props) => (
          <Input
            name="phone"
            className="form-control"
            placeholder="Hey I am Ant design Input"
            required
            ref={ref}
            {...props}
          />
        )}
      />

Если я поменяю тег на Показанный форматированный текст, как мы ожидаем.

Мое основное намерение показать каждый входной компонент должен отображаться как компонент дизайна муравья.

демо

Вы можете сделать это, используя реагировать-маска-ввода библиотека.

...