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キーワードなんて使わなかったなぁと。
やっぱりコピペは良くないね。
JavaScript・TypeScript の記事
コメントの受け付けは終了しました。ご意見・ご質問は X(@nm_aru)へどうぞ。



