Noteビジネスチャット「Chatwork」のエンジニアとデザイナーのブログです。ビジネスチャット「Chatwork」のエンジニアとデザイナーのブログです。unbindできてますか?@kyo_agoです。bind,unbindを正しく行えていない例がいくつかあったので記事にしてみました。ここではwindow.onresizeに合わせてstateを変えるReact.Componentを例に紹介したいと思います。bind,unbindを行う先に書いてしまいますが、eventのbind,unbindは以下のように行います。}}よくある間違いわりとよく見る間違いは以下のものです。}}この例ではonResize内でthis.setStateを使用しているためエラーが発生しますが、componentWillUnmount内のremoveEventListenerではエラーは発生しません。componentWillUnmount毎にイベントがbindされてメモリリークの原因となることもあります。以下のようなものもありました。}}この例ではeventのbind,unbindは問題なく行われていますが、eventHandlerではthisがwindowになるためinstanceの操作が行えなくなります。bind,unbindすることができます。APIで標準的に提供されている機能です。注意これはReact.Component以外でも起こりえる問題ではありますが、React.Componentのサンプルではいくつか間違った実装を見たため共有します。Crea...2020-11-06ウェブフロントエンドの設計力を高めるためにアプリケーションの構造を捉えてみる話こんにちはー。@Chatwork_devメンバーid:cw-oritaid:okuzawatsid:d-hayashiid:shibe23id:cw-jeromechaid:cw-araiid:tinpayid:cw-sakamotoid:rabe1028id:cw-suetakeid:lmdexprid:cw-shinyaid:cw-takaseid:cw-niinumaid:j5ik2oid:tan-yukiid:yamakenji24id:yoshiyoshifujiiid:cw-ayumitakahashiid:cw-furuyaid:kaz3284id:cw-ozakiid:cw-nishikawaid:daiksyid:tasuku43id:louvre2489id:sykt13id:yamatomo73id:cw-kasugaid:cw-mottyid:cw-nishiguchiid:s12btid:cw-sayamaid:cw-moriyaid:cw-makotoikedaid:cw-yoheihayashiid:wakakumaid:cw-sakaguchiid:cw-matsubaid:ymgnid:shige0501id:nottegraid:shinharadid:eielid:cw-michihiroid:crossroad0201id:cw-miyashitaid:agoetcid:at-akaid:cw-chibaid:tenslerid:cw-akatsuid:cw-kajiwaraid:cw-otakeid:TomokoNishinaid:cw-tanakaid:cw-hayashiid:cw-marikoid:cw-shinmenid:cw-masakiid:cw-hayama最新記事モバイルアプリ開発チーム、カンバンはじめました。(1)引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。