2017-11-20 8 views
0

反応オートコンプリートパッケージで入力タグのサイズを増やす方法は? 入力ボックスのサイズを変更する方法はわかりませんでした。なぜなら、それに関する明確な文書がないからです。 here is the link of react-autocomplete package反応オートコンプリートで入力テキストボックスのサイズを大きくする方法は?

<Autocomplete 
    getItemValue={(item) => item.label} 
    items={[ 
    { label: 'apple' }, 
    { label: 'banana' }, 
    { label: 'pear' } 
    ]} 
    renderItem={(item, isHighlighted) => 
    <div style={{ background: isHighlighted ? 'lightgray' : 'white' }}> 
     {item.label} 
    </div> 
    } 
    value={value} 
    onChange={(e) => value = e.target.value} 
    onSelect={(val) => value = val} 
/> 

このコードは自動的に私の質問は、入力ボックスのサイズのサイズを変更する方法であるいくつかの大きさの一方の入力ボックスを作成しますか?

答えて

1

inputスタイルに影響を及ぼすために、次の小道具の組み合わせを使用できるようです:inputPropswrapperStyle

<Autocomplete 
    {...props} 
    inputProps={{ style: { width: 100% } }} 
    wrapperStyle={ width: 1000 } 
/>