How to use the blockstack.Person function in blockstack

renderView() {
    const userData = blockstack.loadUserData();
    const person = new blockstack.Person(userData.profile);
    const show = this.state.show;
    const hideButton = this.state.hideButton;
    let value = this.state.value;
    console.log(loadUserData().username);
    const loading = this.state.loading;
    let contacts = this.state.filteredContacts;
    let link = '/documents/shared/';
    let user = this.state.senderID;
    let fullLink = link + user;
    if(this.state.sharedWithMe == true) {
      return(
      <div>
        <div>
          <h3>Documents Shared With Me</h3>
          <h5>Select the contact who shared with you</h5>
        </div></div>

{this.state.localIdentities.map((identity, index) => {
                    const person = new Person(identity.profile)

                    if (identity.username) {
                      identity.canAddUsername = false
                    } else {
                      identity.canAddUsername = true
                    }
                    return (
                       {
                          event.preventDefault()
                          this.setDefaultIdentity(index)

componentDidMount() {

    if (!isUserSignedIn() || !loadUserData()) {
      const { history } = this.props;
      if (history) {
        history.replace('/');
      }
      return;
    }

    this.uploadService.addEventListeners(false);
    this.setState({ person: new Person(loadUserData().profile) });
  }

'bold', 'italic', 'underline', 'strike', 'blockquote',
    'list', 'bullet', 'indent',
    'link', 'image', 'video'
  ]

  let combinedMessages = this.state.combinedMessages;
  function compare(a,b) {
    return a.id - b.id
  }
  let messages = combinedMessages.sort(compare);

  let myMessages = this.state.myMessages;
  let sharedMessages = this.state.sharedMessages;

  const userData = blockstack.loadUserData();
  const person = new blockstack.Person(userData.profile);
  let loading = this.state.loading;
  let show = this.state.show;

  return (
    <div>
    <div>
      <nav>
        <div>
          <a href="/contacts"><i>arrow_back</i></a>


            <ul>
              <li><a>Conversation with {this.state.conversationUser}</a></li>
            </ul>

        </div></nav></div></div>

renderView() {
    let sheets = this.state.sharedSheets;
    const loading = this.state.loading;
    const userData = blockstack.loadUserData();
    const person = new blockstack.Person(userData.profile);
    const img = this.state.img;
    if(this.state.deleteId != "") {
      this.deleteShareDoc();
    }
    if (sheets.length > 0) {
      return (
        <div>
          <div>
            <nav>
              <div>
                <a href="/shared-sheets"><i>arrow_back</i></a>
              </div>
            </nav>
          </div>
          <div>
          <div></div></div></div>

componentWillMount() {
    const { userSession } = this.props;
    this.setState({
      person: new Person(userSession.loadUserData().profile),
      username: userSession.loadUserData().username
    });
  }
}

componentWillMount() {
    const { userSession } = this.props;
    this.setState({
      person: new Person(userSession.loadUserData().profile),
      username: userSession.loadUserData().username
    });
  }
}

componentWillMount() {
    this.setState({
      person: new Person(loadUserData().profile),
    });
  }
}

const verifications = identity.verifications
    const blockNumber = identity.blockNumber
    const transactionIndex = identity.transactionIndex

    let isLocal = false
    if (this.props.routeParams.hasOwnProperty('index')) {
      isLocal = true
    }

    let person = null
    let accounts = []
    let connections = []

    if (profile !== null) {
      if (profile.hasOwnProperty('@type')) {
        person = new Person(profile)
      } else {
        person = Person.fromLegacyFormat(profile)
      }
      accounts = person.profile().account || []
      connections = person.connections() || []
    }

    return (
      <div>

        {isLocal &amp;&amp;
          </div>

componentWillMount() {
    const { userSession } = this.props;
    this.setState({
      person: new Person(userSession.loadUserData().profile),
      username: userSession.loadUserData().username
    });
  }
}