2017-07-11 5 views
0

私はTypeAheadでオプションdefaultSelectedを使うか、または選択したとき、バックスペースを使って入力を削除したり、リストを変更したりすることができないようです。defaultselectedとselectedを使って反応するブートストラップ型の先頭問題

値を上書きするのではなく、次の配列選択をするようです。

いくつかの点では、オプションのすべての値を通過したように見えますが、実際に入力値を上書きし始めてからコンポーネントは正常に機能します。

アイデアをいただければ幸いです。

+0

コード例を投稿できますか? – ericgio

+0

<先行入力bsSize = "SM" defaultSelected = {props.options.slice(selectedIndexの)} clearButton labelKey = "roomNumber" オプション= {props.options} プレースホルダ= {props.placeholder} 名= {小道具.nameId} /> –

+0

基本的にコンポーネントをそのまま使用しようとしています。私は明確なボタンを置くことになった。私はそれが私のコンポーネントの再レンダリングと問題の原因かもしれないと思っていましたが、状態を設定するonInputChangeまたはonBlurの変更をすべて取り出しました。それはまだ私に起こります。 –

答えて

0

試してみてください。

defaultSelected={props.options.slice(selectedIndex, selectedIndex + 1)} 

あなたが記述挙動は、部分的に、あなたがsliceを使用しているどのようにして、一部のコンポーネントのバグが原因です。 slicedocumentationから:端部が省略された場合

、スライスシーケンス(arr.length)の端部を通って抽出します。

開始インデックスのみを提供するため、defaultSelectedアレイには複数の項目があります。ただし、単一選択コンポーネントは選択の数を自動的に切り捨てません(これは次のバージョンで修正されています)。したがって、バックスペースを押すと現在の選択項目が削除され、次の項目が表示されます。 selectedアレイ。

関連する問題