从API获取更多选项,而选择不会失去焦点和关闭菜单

时间:2019-07-08 17:45:41

标签: reactjs react-select

我正在使用react-select来显示我的下拉菜单项。我的选择来自API,但API并不会返回所有列表,而仅是她的一部分。当我单击标签为Show more options的选项时,我再次调用api以从列表中获取更多信息,例如延迟加载。但是,当我单击调用API的选项时,下拉菜单将关闭,因为选择的选项刷新时带有更多的iten。

官方文档提供了两种控制菜单的方法。第一个是与道具closeMenuOnSelect一起使用的,道具controlled props允许菜单在选择时不关闭,但不起作用。我发现的第二种方法是使用onChange控制打开和关闭菜单,但是select不能为onClick提供一些支持来显示或隐藏菜单。我试图用onClick将div包裹起来,以控制打开或关闭菜单,但是当我选择一个选项时,气泡事件会调用包装程序点击并关闭菜单,而o {{3}}不会将事件传递给stopPropagation

我希望更改选项数据后菜单不会关闭。

0 个答案:

没有答案