反応制限選択数

Question

私はReactに直近で、ドロップダウンメニューから選択したアイテムの数を制限するのに役立つ必要があります。私のドロップダウンには15以上のオプションがありますが、ユーザーが最大5つのアイテムを選択できるようにしたいと考えています。 JQueryを使っていろいろな方法がありましたが、Reactで実装することはできません。 ご協力いただきありがとうございます！

編集：私はドロップダウンのためのセマンティックUIからコンポーネントを使用しています：

handleSelectTag = (event, data) => { 
this.setState({ selectedTagsId: data.value }) 
} 

const tagOptions = this.state.existingTags.map(tag => { 
    return {key: tag.id, text: tag.name, value: tag.id} 
}) 

<Dropdown placeholder='Tags' fluid multiple selection options={tagOptions} onChange={this.handleSelectTag} /> 

Answer 1

あなたが選択したどのように多くのタグの長さをチェックするためにhandleSelectTag()法上の簡単な条件を追加することができるはずです。ユーザーがあまりにも多くを選択した場合は、単に

// assuming this.state.selectedTagsId is an array 
handleSelectTag = (event, data) => { 
    if (this.state.selectedTagsId.length > 5) { 
    alert('You may only select 5'); 
    } 
    else { 
    this.setState({ selectedTagsId: data.value }) 
    } 
}