Question

如何在react-autocomplete包中增加输入标签的大小？我不知道如何更改输入框大小，因为没有明确的文档说明？ 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}
/>

这段代码自动创建一个大小的输入框我的问题是如何调整输入框大小？

Answer 1

您似乎可以使用以下道具的组合来影响input样式：inputProps，wrapperStyle。

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

如何在react-autocomplete中增加输入文本框的大小？

1 个答案: