1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

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

Last updated at Posted at 2024-09-09

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

9月6日

【最新ver対応済】モダンJavaScriptの基礎から始める挫折しないためのReact入門
34~52まで完了。

遂に!!今日からReactの学習に入っていきました!
「よ~し。やっとReactの勉強が始まるぞ~...!!」そう意気込んで、10分後。

あれ、講義の通りコードを書いてるのに上手く表示されません。
「え、なんで?StackBlitzでやってるからCodeSandboxと違うのかな?」早々に躓きました。。
(講義自体はSandboxを使っているため、デフォルトのファイルの量が違い、余計に混乱しました笑)

こんな画面になる↓
error1.png

エラー分を読んでも講義のコードと見比べてもどこがおかしいのか分かりません。
ChtGPTに聞いたり、講義を見返したりすること10数分...やっと見つけました。

App.jsxをimportする際に「.」が抜けていたんです。
こんな事に何十分も使うなんて。。(笑)

「.」を書いてみたところ、きちんと動きました。
ok1.png

初歩的なミスですが、この段階で気付けて良かったです。
以降、気を付けよう。。

まとめ

その後は何のエラーも発生することなく、進めることができました。
Reactの基本的な機能に関する講義が完了したので、明日からいよいよReactでTODOアプリの
開発をやっていきます!
JavaScriptで開発した際とどう変わるのか違いが楽しみです!!!

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?