2017-10-24 26 views
0

私は機能セットが含まれてstackoverflowのようにタグの入力機能の構築に興味がある:Semantic UI Reactでは、Stack Overflowに似たタグ入力を作成する方法はありますか?

    オートコンプリート機能を有する(
  1. 入力フィールドは、ユーザの入力を受け取り、サーバからの結果をフェッチし、ユーザーにその結果を表示します簡単な選択のため。
  2. 入力フィールドは、タグなどの1つのまたは複数の選択項目が含まれています。結果は、入力フィールドに追加したクリック入力の外
  3. 提案。から

スクリーンショットスタックオーバーフロー:

enter image description here enter image description here

私はセマンティック-UI-反応して、仕事ができる検索コンポーネントがある気づく使用しています:https://react.semantic-ui.com/modules/search

このセマンティック-UI-反応することは表示されません。検索コンポーネントを使用すると、複数の結果を追加したり、入力外の方法で結果を追加することができます。何か不足していますか?

私はセマンティックUIをこの機能に使用する必要がありますか、これを私のReactアプリケーションで一から作成する必要がありますか?

おかげ

答えて

2

それが適切に反応するセマンティック-UIのドロップダウンドキュメントで強調表示されていないですが、allowAdditionsフィールドがタグ付け機能が有効になります。

<Dropdown search selection multiple allowAdditions /> 
関連する問題