如何在react自动完成中增加输入文本框的大小?

IT技术 reactjs
2021-04-28 19:57:10

如何增加react-autocomplete包中输入标签的大小?我不知道如何更改输入框大小,因为没有关于此的明确文档? 这是react自动完成包的链接

例子

<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个回答

看起来您可以使用以下props的组合来影响input样式:inputProps, wrapperStyle.

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