Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

react-select how to edit created entries

I'm using the Select.AsyncCreatable:

<Select.AsyncCreatable
      clearableValue={true}
      multi={true}
      scrollMenuIntoView={true}
      name="field-name"
      value={values}
      loadOptions={this.getOptions}
      onChange={value => {
        this.handleOnChange(value...)
      }}
      placeholder={this.defaultPlaceholder}
      />

How can I edit options I did create. I can remove created options and reenter them, but is there an option to edit selected values? It would be more comfortable.

like image 765
marcel Avatar asked Mar 18 '26 16:03

marcel


1 Answers

Not sure how to do it with react-select, but I think what you are looking for is editable-creatable-multiselect

Here's a demo:

enter image description here

like image 157
Sphinx Avatar answered Mar 21 '26 06:03

Sphinx