What is the format for the defaultSelectedUser property for this People Picker?

Question

I'm trying to populate this people picker with multiple users stored in seperate Person columns in an SP list.

This is the control: https://pnp.github.io/sp-dev-fx-controls-react/controls/PeoplePicker/

And the property is the defaultSelectedUsers, I use this to populate the PP when an item is retrieved from the SP list. Here is the People picker:

<PeoplePicker
   context={this.props.context}
   personSelectionLimit={3}
   groupName={''} // Leave this blank in case you want to filter from all users
   showtooltip={false}
   isRequired={false}
   disabled={false}
   selectedItems={this._getPanellistsPickerItems}
   showHiddenInUI={false}
   defaultSelectedUsers={panellists ? panellists : []}
   principalTypes={[PrincipalType.User]}
   resolveDelay={1000}
   ensureUser={true}
  />

The panellists is an array which output looks like this:

(3) ["[email protected]", "[email protected]", "[email protected]"]
0: "[email protected]"
1: "[email protected]"
2: "[email protected]"
length: 3
__proto__: Array(0)

But it's not putting anything into the PP on retrieval. I'm stringifying the array, but not sure if that's the correct format for the aforementioned property.

Answer 1

@Tom,

I tested this control in my SPO with below array, it works well here:

Below is my test demo, you may take a look:

• https://github.com/kongmengfei/SPFx-1/blob/master/spfx-pnp-peoplepicker/src/webparts/spfxPnpPeoplepicker/components/SpfxPnpPeoplepicker.tsx