Forum Discussion

Cardinal_Night's avatar
Cardinal_Night
Brass Contributor
Nov 19, 2019

How to set the default for a pnp.sp people picker

I want a pnp.sp people picker to auto populate with the logged in user. Here's the render and the people picker: <PeoplePicker context={this.props.context} personSelectionLimit={1} grou...
FedericoPorceddu82's avatar
FedericoPorceddu82
MVP
Nov 19, 2019

Hi Cardinal_Night ,

I think it is a timing issue, try to call your method inside  componentDidMount 

 

public componentDidMount() {
    this._getUser();
  }

Learn more

 

Cheers,

Federico

  • Cardinal_Night's avatar
    Cardinal_Night
    Brass Contributor
    Nov 19, 2019
    Hi,
    GetUser() is running in componentDidMount.
    Any other ideas?
    Thanks,
    Tom
    • FedericoPorceddu82's avatar
      FedericoPorceddu82
      MVP
      Nov 19, 2019

      Hi Cardinal_Night ,

      please tag me, or I don't receive notifications 🙂

       

      So, if you debug render method

       

          defaultSelectedUsers={this.state.LoggedInUserPPDefaultItems ? this.state.LoggedInUserPPDefaultItems : []}

       

      this.state is populated correctly?

       

      Following docs, 

       

      defaultSelectedUsersstring[]noDefault selected user emails or login names

       

      Did you try do add a mocked value?

       

          defaultSelectedUsers={["user@email.sample"]}

       

      Cheers

      Federico

       

Resources