Office ui fabric Office UI结构-PeoplePicker:无法使createGenericItem正常工作

Office ui fabric Office UI结构-PeoplePicker:无法使createGenericItem正常工作,office-ui-fabric,Office Ui Fabric,也许这只是我的一个误解,但我认为PeoplePicker()中的createGenericItem回调用于处理无法与任何可用项匹配的输入,然后可以为此创建一个临时项。但是,不管我怎么做,都不会调用回调 我在这里为这个问题做了一支简单的笔: 在这个例子中,有两个项目,Peter和Maria。如果您键入不同的内容(并点击回车、制表符、空格等),我希望调用createGenericItem回调,但事实并非如此 我做错了什么?还是对此次召回的目的存在误解?我在任何地方都找不到一个例子。关于 但是我认为在

也许这只是我的一个误解,但我认为PeoplePicker()中的
createGenericItem
回调用于处理无法与任何可用项匹配的输入,然后可以为此创建一个临时项。但是,不管我怎么做,都不会调用回调

我在这里为这个问题做了一支简单的笔:

在这个例子中,有两个项目,Peter和Maria。如果您键入不同的内容(并点击回车、制表符、空格等),我希望调用
createGenericItem
回调,但事实并非如此

我做错了什么?还是对此次召回的目的存在误解?我在任何地方都找不到一个例子。

关于

但是我认为在PeoplePicker中对createGenericItem的回调 () 用于处理输入

没错。为了触发
IBasePickerProps.createGenericItem
函数,
IBasePickerProps.onValidateInput
函数需要提供
ValidationState.valid
作为返回值,例如:

<NormalPeoplePicker
      createGenericItem={this.createGenericItem}
      onValidateInput={this.handleValidateInput}
      selectedItems={this.state.selectedItems}
      onResolveSuggestions={this.handleResolveSuggestions}
      onChange={this.handleChange}
/>


private handleValidateInput(input: string) {
   return ValidationState.valid;
}

private createGenericItem(input: string, validationState: ValidationState) {
   return { text: "Unknown person",  state: validationState };
}

私有handleValidateInput(输入:字符串){
返回ValidationState.valid;
}
私有createGenericItem(输入:字符串,validationState:validationState){
返回{text:“未知人员”,状态:validationState};
}

演示它,一旦单击了
选项卡
回车
键,并且无法将值解析为任何可用项目,将显示
未知人员
项目

非常感谢。正是我遗漏了什么:-)只是出于好奇:你是否在文档中的某个地方读到了这篇文章,或者你是否可以推荐Office UI上有好例子的其他资源?嗯,是我无意中删除了你的评论,还是你自己删除了它?是我做的;),想把它改写成:源代码加上相当好的注释覆盖率,这是迄今为止找出如何使用未记录特性的最可靠的方法。我只是回答说谢谢,这就是我担心的情况,这时你的评论突然消失了:-)我想知道我是否误按了某个按钮。。。所以谢谢你:-)