SFDC：React開発でJSforceの実行結果をState変数にセットする方法

ReactのState変数に値をセットするときは『setState』を使います。

this.setState({ user : res });

JSforceからSalesforceAPIを実行して結果をセットしたいときは次のように書けばいいのかなと試してみました。

conn.identity(function(err, res) {
  if (err) {
    alert(err);
  } else {
    this.setState({ user : res });
  }
});

これで実行したところCannot read propertyエラーが発生しました。

Uncaught TypeError: Cannot read property 'setState' of undefined

Salesforce APIを実行するときは非同期処理になるので、この書き方だとエラーになるみたいです。非同期処理のやり方を検索してみたところ次のように書けばいいみたいです。

conn.identity(function(err, res) {
      if (err) {
        alert(err);
      } else {
        this.setState({ user : res });
      }
    }.bind(this));

これでログインユーザの情報を取得してState変数にセットすることができました。

<div>{this.state.user.last_name}</div>

<div>{'Hello World!! ' + this.state.user.last_name + ' ' + this.state.user.first_name + '!!'}</div>

<div>Hello {this.state.user.last_name} {this.state.user.first_name}!!</div>