title: How to use @pnp/sp to query a person column in an SP list to get the name
body: <p>I have a web part that which needs to retrieve the Name property of a person column (a people picker) so I can populate state with it and subsequently populate a field. Here's the function that queries the item:</p>
  <pre><code>private _jeChange = (ev: React.FormEvent&lt;HTMLDivElement&gt;, option?: IDropdownOption, index?: number) =&gt; {
      this.setState({ 
        SelectedJE: option.text,
      
      }, () =&gt; { 
        const selJE = this.state.SelectedJE;
      
      if (selJE &amp;&amp; selJE.length &gt; 0) {
        
        let _item = this.state.MyListItems.find((item) =&gt; {
          return item.JobRef == selJE;
        });
        this.setState({
   
          JEDeptContact: _item.DeptContactId,
  
     }, () =&gt; {
       sp.web.lists.getByTitle(&quot;MyList&quot;).items.getById(_item.Id).select(&quot;DeptContact&quot;, &quot;Lookup/Name&quot;, &quot;Lookup/ID&quot;).expand(&quot;Lookup&quot;).get().then((item: any[]) =&gt; {
            console.log(item);
          });
        
          });
        }
      });
    }
  
  </code></pre>
  <p>The _item.DeptContactId successfully populates the state with the Id of the user in the person column, but I want the Name not the Id, how would I resolve the Id to the Name? Do I need to use expand to get the Name? If so how?
  I've read this but I don't know where to use the expand:
  <a href="https://pnp.github.io/pnpjs/sp/items/" rel="nofollow noreferrer">https://pnp.github.io/pnpjs/sp/items/</a></p>