使用defaultSelected和selected进行react-bootstrap-typeahead问题

时间:2017-07-11 20:34:13

标签: reactjs react-bootstrap bootstrap-typeahead

当我在我的Typeahead中使用defaultSelected或selected选项时,我似乎无法使用退格键删除输入并更改列表。

似乎得到某种下一个数组选择而不是覆盖该值。

在某些时候它似乎遍历了选项中的所有值,然后实际上会开始覆盖输入值,从那时起组件工作正常。

非常感谢任何想法。

1 个答案:

答案 0 :(得分:0)

尝试:

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

您描述的行为部分取决于您使用slice的方式,部分原因是组件的错误。来自slice documentation

  

如果省略end,则切片通过序列的末尾(arr.length)提取。

因为您只提供起始索引,所以defaultSelected数组有多个项目。但是,单选组件不会自动截断选择的数量(这将在即将发布的版本中修复),因此按下退格键会删除当前选择并显示下一个选择,依此类推,直到没有其他项目为止selected数组。