katsube https://blog.hatena.ne.jp/katsube/ ねこの足跡R https://blog.katsubemakito.net/ React Ajax はじめてのReact FetchAPI 「はじめてのReact」一覧に戻る 昨今のWebアプリではWebAPI(RESTful API等)をAjaxなどで叩きデータを取得する、もしくはデータを保存するといった行為を日常的に行っているわけですが、今回はAjaxでデータ取得し表示するまでに挑戦してみます。 MonsterView Component サンプル 実行結果 解説 いつ通信を行ってるの？ Fetch APIでJSON取得 jQuery版 状態に合わせて表示を切り替る 書籍 参考ページ MonsterView Component とあるRPGのモンスターの一覧が記録されたJSONファイルをAjaxで取得し、そのままReactで表… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.katsubemakito.net%2Freact%2Freact1st-18-ajax" title="はじめてのReact #18「Ajaxでデータ取得」 - ねこの足跡R" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2019-01-22 22:54:57 rich https://blog.katsubemakito.net/react/react1st-18-ajax 1.0 100%