reactjs - 选项卡未在预输入组件中选择自动完成选项

Question

我正在使用该react-bootstrap-typeahead组件，但无法弄清楚是什么导致该组件失去tab选择自动完成的功能。如果我使用onInputChange, tab 选择停止工作。这似乎受到onInputChange更新name字段的影响。

这是组件应该工作的方式还是我错误地实现了这一点。用户体验不是很好。

<Typeahead
  onChange={(suppliersSelected) => {
    if (suppliersSelected.length === 1) {
      handleInputChange({
        supplier: {
          ...suppliersSelected[0]
        }
      });
    }
  }}
  labelKey="name"
  options={suppliers}
  selected={[
    {
      name
    }
  ]}
  id="name"
  placeholder="Supplier name"
  onInputChange={(text) => {
    handleInputChange({
      supplier: {
        name: text
      }
    });
  }}
/>

标签： reactjstypeahead.jsreact-bootstrap-typeahead

Answer 1

回答我自己的问题。该问题似乎与selected通过删除此描述的问题消失有关。