Cannot add property 0, object is not extensible
jsfoo = []
Object.freeze(foo)
foo.push(1)
// Uncaught TypeError: Cannot add property 0, object is not extensibleフリーズされているArrayに対してpushしようとすると起こる
具体的な発生シチュエーション
ではなぜフリーズされたのか？
選択された要素をReactNに入れて、それを取り出したときにフリーズされている。うっかり破壊的更新をして厄介なバグになることを防ぐために親切な設計。
選択されたものをグループにするとき、このようなことを書いていた、これが誤り
ts const group = new GroupItem();
group.items = g.selected_items;これはフリーズされたオブジェクト自体への参照を新しいグループに持たせてしまい、その後そのグループに追加をしようとした時点で上記のエラーになる
ts group.items = [...g.selected_items];こうすべきだった
Related Pages
- →cypress×jest×jsdom×cypress+firestore=invalid_data×dom_testing_library×ReactN×immer×chai×kozaneba開発日記2021-08-03→
- →regroup×2021-07-20movidea開発日記×2021-07-26movidea開発日記×2021-07-27movidea開発日記×2021-07-28movidea開発日記×2021-07-29movidea開発日記×styled-components×ReactN×immer×2021-07-19movidea開発日記×✅フォントサイズの自動調整ができるか？×jsonインポート機能×2021-07-14movidea開発日記×reactnを露出してcypressから使う×✅domでのスムーズな拡大縮小平行移動×macbookのトラックパッドで拡大縮小平行移動×2021-07-13movidea開発日記×畳んだものは一段階大きくなる×圧縮付箋の展開時どうなるべきか×編集urlどうあるべきか×regroupからmovideaへ×2021-07-15movidea開発日記×バルーンメニュー→
- →regroup×pregroup-done-2019×2020_年、_react_軸で学ぶべき技術×typescript×react×webpack×visual_studio_code×styled-components×reactmodal×ipadはfocusを無視することがある×paper.js×パスドロー×パスの形がおかしい×付箋・パスの投げ縄選択×firestore×websocket×amazon_s3×netlify×apple_pencil×ipad上でのダイレクトタッチとpencilタッチの区別×二本指ジェスチャでズームと平行移動×redux×ReactN×undoの実装×キャンバス汚染×キャンバス汚染解決編×cssで条件分岐と変数と計算を使う×100vhだと縦にはみ出す×メニューアイコンがiphoneなどの狭い画面ではみ出す×ズームアウトした状態でペンで描くとガタガタになる×線の太さを一定にする×paper.jsの更新後に呼ばれるコールバックをつける×バルーンメニュー×投げ縄選択→削除×付箋の自動フォントサイズ調整×gが下に突き出す×okr問題×regroup2019→
"Engineer's way of creating knowledge" the English version of my book is now available on [Engineer's way of creating knowledge]
(C)NISHIO Hirokazu / Converted from [Scrapbox] at [Edit]