React公式チュートリアルが動かないなどハマったポイント

この記事は約3分で読めます。

React公式チュートリアルをやってうまく動かずハマったポイント

デミオ
デミオ
どうも!
デミオです!

ゆたかな日々にお越しいただき、ありがとうございます!

(2020/07/26投稿 2020/07/26更新)

今回は
React公式チュートリアルが動かないなどハマったポイント
について書きました
スポンサーリンク

ぜひ最後まで読んでください(^^)

React公式チュートリアルが動かないなどハマったポイント

↓こちらの記事の続きで、react の公式チュートリアル終わりました。

Reactとは?初心者向けチュートリアルはどれが良い?Qiitaや公式を比較
どうも!デミオです!ゆたかな日々にお越しいただき、ありがとうございます!今回はについて書きましたぜひ最後まで読んでください(^^)現在 Web サービスをなんとか一つ作ろうと思っていて、フロントエンド見た目...
チュートリアル:React の導入 – React
ユーザインターフェース構築のための JavaScript ライブラリ
Tic Tac Toe
...

最終的になんとか、お手本と同じ三目並べのタイムマシーン機能付きを作ることができました。

全部手打ちして、半分くらい理解したかなって感じです。

はまったポイントをいくつか紹介します

React公式チュートリアルが動かないなどハマったポイント~まとめ~

  • tabで続き候補を入れたりしてくれないので、手打ちによるスペルミス多数
  • カンマ[,]の不要な挿入
  • セミコロン「;」の入れ忘れ
  • ⇒対策は理解する or 途中で全コピペ

こんな感じでなかなか手打ちではまりました

おそらく react の基本も JavaScript の基本もDOMの基本もわかってないからですね

かっこの意味がわかってない!

一応{}はJSXということはなんとなくわかってきました。

JavaScript の記載自体をイベントによって書き換えてしまう、というのがReactというかDOMなのかなーと理解しました。
間違ってるかもしれません!

手打ちしてどこが間違ってるか確認するのは結構不毛なので、分かった上で手打ちしてうまく動かなくなったら途中の段階で一度全コピペしてしまうのがおすすめです

React公式チュートリアルが動かないなどハマったポイントに関する感想

他にもオススメの記事があるので、そちらもぜひ読んでみてください!

まとめ ~React公式チュートリアルが動かないなどハマったポイント~

デミオ
デミオ
いかがでしたか?

それでは、内容をまとめます。

React公式チュートリアルが動かないなどハマったポイント~まとめ~

  • tabで続き候補を入れたりしてくれないので、手打ちによるスペルミス多数
  • カンマ[,]の不要な挿入
  • セミコロン「;」の入れ忘れ
  • ⇒対策は理解する or 途中で全コピペ

以上で
React公式チュートリアルが動かないなどハマったポイント
についてのまとめを終わります。

最後まで読んでいただき、ありがとうございました(^^)

スポンサーリンク

コメント

タイトルとURLをコピーしました