React/TypeScriptのクラス要素変数にアクセスする方法

Question

私は自分の関数でアクセスできるクラスレベルの変数を持っています。私はこれがグローバル変数のように機能していると思ったが、これは初めてのことだ。これは私が今働いている単純化されたコードです：

class People extends React.Component<PeopleProps, {}> { 
    public isAdmin: boolean = false; 
    public render() { 
     return <div onClick={this._checkAdmin}>Call function</div>; 
    } 

    private _checkAdmin() { 
     if (this.isAdmin) { 
      console.log("is admin"); 
     } 
    } 
} 

if文でエラーが発生します。私は取得していますエラーがキャッチされない

TypeError: Cannot read property 'isAdmin' of null

である私はthisが定義されていないが、私はそれが起こることができるかわからないと仮定しています。これを構築する前にVSにエラーはありません。私は_checkAdmin関数に到達できるので、thisがそこで働いているようです。 '_checkAdmin'に引数を渡す必要がありますか？

Answer 1

この

class People extends React.Component<PeopleProps, {}> { 
    public isAdmin: boolean = false; 
    public render() { 
     return <div onClick={this._checkAdmin.bind(this)}>Call function</div>; 
    } 

    private _checkAdmin() { 
     if (this.isAdmin) { 
      console.log("is admin"); 
     } 
    } 
} 

Answer 2

を結合不在としては、あなたがこれをバインドするのを忘れ、クーパーを言いました。しかし、矢印機能を使用する場合、これについては気にしません。

class People extends React.Component<PeopleProps, {}> { 
    public isAdmin: boolean = false; 
    public render() { 
     return <div onClick={this._checkAdmin}>Call function</div>; 
    } 

    private _checkAdmin =() => { 
     if (this.isAdmin) { 
      console.log("is admin"); 
     } 
    } 
}