React-select: Paste values

[omidnikrah]

Hi, Is there any way to paste values into the Multi-select text input?

[jossmac]

[omidnikrah]

I want to paste something like purple, Red, Ocean and React-select converted that into the tags.

[jossmac]

Okay I see; you'll need to take control of the value and inputValue. Something like:

class MySelect extends Component {
  onChange = (value) => {
    this.setState({ value });
  };
  onInputChange = (inputValue) => {
    this.setState({ inputValue }, () => {
      // logic for splitting on comma, and finding matching options
      const value = splitValue(inputValue);
      this.onChange(value)
    });
  };
  render() {
    return (
      <Select
        onInputChange={this.onInputChange}
        onChange={this.onChange}
        inputValue={this.state.inputValue}
        value={this.state.value}
      />
    );
  }
}

---

In the future, please don't file GitHub issues to ask questions. Use StackOverflow and tag your question with #react-select

[jossmac]

updated

[omidnikrah]

But something else, I'm using AsyncCreatable and when I paste something, first AsyncCreatable call my API and if is not exist I can add it.
Is there any way to when pasting something, ignore API call?

[jossmac]

Mate, i'm not support. I'm just a guy that helps maintain this repo. I have a full-time job like you. Sorry...

[omidnikrah]

Yes, Thanks :)

[ThierryCols]

@omidnikrah

have you tried the allowCreateWhileLoading props?

[omidnikrah]

@ThierryCols No, but I think it's not what I need. I wrote a tags input component from scratch.