具有粘贴处理功能的自定义输入组件

Question

我试图将自己的输入定制为我的react-select，以处理粘贴的数据，本质上是在空白处分割并创建多个条目，而不是单个条目。我设法触发了粘贴事件，但现在无法解决如何与react-select交互以设置值的问题。

欢迎任何想法。

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}}

      />
      )
  }