React入力ドロップダウンオプションのフォーマット

React inputドロップダウンのオプションをフォーマットする方法はありますか？React入力ドロップダウンオプションのフォーマット

たとえば、列で書式設定されたオプションを表示するオートコンプリートドロップダウンを使用したいとします。ドロップダウンデータグリッドによく似ているため、ユーザーは「名前」、「住所」などを一様に見ることができます。

2016-09-28 Geno Diaz

-1

Reactは、あなたが選んだクラスやスタイルであなたが望むものをDOMにレンダリングします。あなたがちょうどhtmlとcssでそれをやっていたならば、設計問題を解決することはそれほど変わることはありません。

リアクションの部分は対話を処理し、適切なクラス/スタイルが正しいコンポーネントになるようにします。あなたは常に同じように反応して構築されたサードパーティのライブラリを使用することもできますhttp://jedwatson.github.io/react-select/

出典

2016-09-28 18:22:13 finalfreq

私は現在、反応選択を使用しています。しかし、私は行を名前、日付などのためにスペースの設定量を許可するようにフォーマットする方法がわからない。 –

と反応を選択すると、 'optionClassName'と' className'の2つの小道具を渡すことができます。任意の文字列を 'optionClassName'に渡すことができます。これはクラスを各オプション行に追加し、' className'はクラスをコンテナに追加する点を除いて同じことを行います。ですから、 'className = 'my-custom-select'や 'optionClassName = my-custom-select-option'のようなことができます。パディングとマージンを調整するためにCSSを使用してください – finalfreq

@finalfreqこれは彼が達成しようとしていることではありません。 –

React入力ドロップダウンオプションのフォーマット

答えて

関連する問題