🐣 ENJIN 教材のメモ
作成日: 2021/12/17
2

useReducerを使ってSection04を書き換えてみたら見事にハマった。。

・snakeの位置
・foodの位置
・fields
の3つをまとめてreducerのstateに保存して、dispatchをaction.typeで分けてみようとした↓
https://codesandbox.io/s/ancient-grass-f31ph?file=/src/App.js

foodを食べた後に新しいfoodが2つ出てしまう原因がわからなくて断念。。
非同期のfieldsの更新がうまくいってないっぽい・・・?

fieldsだけuseStateにして、stateが更新されたらfieldsを更新してレンダリングに変えたらうまく出来た。でもなんでかわからなくて、もやもやもや〜〜〜〜〜!!!
https://github.com/Fielsyuka/hooks-snake-game/blob/section04-fix/src/App.js


制作会社でフロントのコーディングやWordpressのテーマ開発をしてます。 本命はJavascriptです😋 目指せフロントエンドエンジニア👊