Office Fabric UI React-从标签中删除选定的人员并等待列表

时间:2018-11-22 15:56:39

标签: javascript reactjs axios office-ui-fabric

我正在尝试使用Office UI Fabric React组件创建人员选择器。

一切正常,但有两个例外:

1-我需要添加3000个resolveelay,因为我要从rest api调用(使用axios)获取人员列表。有什么方法可以等待解析,直到我用从api返回的人员列表填充我的反应状态?

此刻,当onResolveSuggestions触发时,我开始接触别人,并添加了resolveDelay={3000},因此可以填充我的peopleList状态(即将其压入数组)。我已经尝试在onInputChange中执行此操作,并且尝试了其他方法(例如await和stuff),但是我正在进行2次api调用。一个搜索用户(在特定终结点处),另一个为该用户分配一个ID(更像是获取一个隐藏ID)。在第二次调用之后,我创建了peopleList数组,并被onResolveSuggestions过滤。没有延迟,人员选择器为空(如果我重新输入相同的搜索输入,因为它已经添加到数组中,因此它被加载)。

2-使用我的resolveDelay={3000}可以正常工作,我可以通过单击建议将人员添加到该字段中。我的问题是,将它们添加到字段中后,我触发了onItemSelected函数,该函数创建了currentSelectedItems的新数组。数组已填充并且一切都很好。...但是...我找不到从数组中删除用户的方法。

基本上,将用户添加到字段(和数组)中之后,我可以从人员选择器中单击X,但是没有可以处理类似onItemRemoved之类的道具。它有其他名称吗?有什么解决方法吗?请记住,我并不是在谈论onRemoveSuggestion-仅将用户从建议列表中删除,而不是将其添加到字段中。

感谢任何提示,谢谢!

0 个答案:

没有答案