2016-12-06 2 views
0

私は以下の図に示すようなオートコンプリートコントロールをreactjsに作成したいと思います。基本的にそれはオートコンプリートコントロールで、2つのセクションは静的でもう1つは動的です。動的セクションは、ajax呼び出しからデータをロードします。利用可能なオートコンプリートコントロールがこの機能を提供するかどうかを知りたいと思います。そうでなければ、自分のカスタムコントロールを作成する必要があります。ですから、このコントロールを実装するために使用できる良い例や再利用可能なコードを知りたいと思います。 react-selectreactjsのカスタムオートコンプリートコントロール

enter image description here

+0

反応に使用できるオートコンプリートコンポーネントがいくつかあります。私はMaterial-UIのコンポーネントを使用しました。静的な部分を静的なHTMLとして追加し、自動補完の提案の横に表示することができます。オートコンプリート候補のコンポーネント内にある必要はありません。 – Pavan

答えて

0

私はこの依存関係をお勧めしたいと思います。 私はいくつかのプロジェクトでそれを使用しました。カスタムコンポーネントを追加することができるため、簡単なスタイリングのカスタマイズとリアクションコードの簡単なカスタマイズが可能です。

このexampleを見ると、カスタムコンポーネントを適用して反応を選択する方法の基本的な概要を知ることができます。

画像のように見えるカスタムコンポーネントを作成する必要がありますが、反応選択は他のものに注意を払い、簡単にカスタマイズできます。