Comment définir le nombre maximum d'éléments pouvant être sélectionnés dans React-Select?

Question

J'utilise la composante CréateursElect à partir de React-Select. Maintenant, les utilisateurs peuvent sélectionner autant d'articles qu'ils souhaitent, mais je souhaite que les utilisateurs ne sélectionnent pas plus de 5 éléments. Comment limiter le nombre maximum d'options pouvant être sélectionnées?

<CreatableSelect
  classes={classes}
  styles={selectStyles}
  textFieldProps={{
    label: "Tags"
  }}
  options={suggestions}
  components={components}
  value={this.state.multi}
  onChange={this.handleChange("multi")}
  placeholder=""
  isMulti
/>

Answer 1

Pour mon cas, j'ai utilisé la normale SELECT composant à partir de réacteur-sélection.

<Select 
     options={industries}
     value={industry}
     getOptionLabel={ x => x.id}
     getOptionValue={ x => x.industry}
     onChange={(e) => this.handleSelectChange(e, "industry")}
     isMulti
/>

et handleelectChanger-

handleSelectChange = (e, name) => {
    console.log(e)
    if(e.length < 6){
        return this.setState({
            [name]: e
        })
    }
}

et état -

this.state = { industry: [] }