JavaScript・TypeScript

typescriptでcallback内でthisが使えない時の対処法

最終更新から6年以上たっています。ライブラリのバージョンや手順が変わっている可能性があります。

typescriptでcallback内でthis.propsを参照しようとしたら、undefinedになってしまった。

undefinedになったソース

callbacks: {
    label: function(data) {
        console.log(this.props.options); // ←ここで、this.propsがundefined
    }
}

解決法は至って簡単。
functionをアロー関数にするだけ。

解決したソース

callbacks: {
    label: (data) => {
        console.log(this.props.options);
    }
}

よく考えたら、typescriptでコールバック書く時に、functionキーワードなんて使わなかったなぁと。
やっぱりコピペは良くないね。

made with Flutter

この記事を書いた人がつくったアプリ

JavaScript・TypeScript の記事

コメントの受け付けは終了しました。ご意見・ご質問は X(@nm_aru)へどうぞ。