Пользовательский компонент ввода с обработкой вставки - PullRequest
Новая
       5

Пользовательский компонент ввода с обработкой вставки

0 голосов
/ 02 июля 2019

Я пытаюсь настроить Input для моего реагирования на выбор, чтобы обрабатывать вставляемые данные, в основном для разделения на пустое пространство и создания нескольких записей, а не одной. Мне удалось запустить событие вставки, но теперь я не могу понять, как взаимодействовать с реагировать на выбор, чтобы установить значение.

Любые мысли приветствуются. 


export const PasteCreatable: React.FC = ({
     ...props
  }): JSX.Element => {

    const Input: React.FC<any>  = ({innerRef, ...innerProps})  => {

        const handlePaste  = (event : any) =>{
            event.preventDefault()
            const clipboard = event.clipboardData.getData('Text')
            const trimmed : string[] = _.uniq(clipboard.split(/[\s,]+/).map((x:string)=>x.trim()))
            // Ok i have got the split values, now what lol
        }

        return (

          <components.Input innerRef={innerRef} {...innerProps} onPaste={(ev:any) => handlePaste(ev)} />
        )
      }

    return (
      <Creatable
        isMulti
        {...props}
        components={{Input}}

      />
      )
  }
...