【プログラミング初心者】0から始めるReact学習 #2 ~Web開発の基本編~

1-1.最低限のインプット

9月4日

【最新ver対応済】モダンJavaScriptの基礎から始める挫折しないためのReact入門の
1~22まで完了。
StackBlitzが推奨とのことだったので、CodeSandboxではなくこちらで勉強開始。

講義22でconstを使ってnameを定義後、${name}を使うと、下記画像のように取り消し線が表示されて焦りました。

が、consoleにはきちんと望む結果が表示され、、

調べてみるとこちらの記事に

windowオブジェクトにすでにある変数nameをグローバルスコープで新たに定義しているので怒られているらしい。
回避方法としてはnameのスコープを限定するかnameをもっと固有の名称に変更するか、TypeScriptで記述する、など。

とあり、解決しました。
焦っても黒い画面を見て止まるのではなく、一度consoleに表示させてみることが大切だと学んだ一日でした。。（笑）