Learning record React - shirakaba321/TestBot GitHub Wiki
【個人用】初めてのReact学習
軽く見渡す
- Reactを最初に俯瞰して学習するにはいいかもしれない。
参考記事
https://mae.chab.in/archives/2956
https://uxmilk.jp/43555
コンポーネントのライフサイクル
参考記事
https://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/
useState と useRef
参考記事
https://gurutaka-log.com/react-input-usestate-useref
https://qiita.com/seira/items/0e6a2d835f1afb50544d
- 再レンダリングが不必要かつ input タグの値のみ参照するときに使うといいよーとのこと。
確かに、毎回毎回レンダリングされるのはなんか違うなってなってたからよかった。
useStateとかuseRefって?
関数コンポーネントでstateを管理したい場合に使われる。
参考記事
https://qiita.com/seira/items/f063e262b1d57d7e78b4
データの保持について
ReactもVueと同じようにリロードするとデータは消えてしまうので注意!
データを保持したいのならLocalStorageなどを使うのかも
参考記事
https://qiita.com/Ryusou/items/8bce84e7b036114b8d72
CORS
Djangoにaxios.postで送る際は、最後/を忘れないように記述すること。
API通信の問題点
- "http://localhost:3000/" のときはconsole.logにDjangoからのresponseを表示することができるが、送った後は "http://localhost:3000/?" になってしまいその後このURLでやってもresponseの中身は表示されない。
- レスポンスの中身が全て表示されるので、自分の望んだ通りに取得できるようにする必要がある。