reactjs - 如何在 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 语句上。我收到的错误是 Uncaught

TypeError: Cannot read property 'isAdmin' of null

我假设 this 是未定义的，但我不确定这是怎么发生的。构建之前VS中没有错误。我可以访问 _checkAdmin 函数，所以看起来 this 在那里工作。我需要将参数传递给“_checkAdmin”吗？

Answer 1

错过绑定(bind)这个

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");
        }
    }
}