LoginSignup
0
0

More than 1 year has passed since last update.

React チュートリアル パート12 (npm install axios )

Last updated at Posted at 2022-01-20

image.png

目標:military_medal:

今回は、axiosを使って外部のファイルを取得して、ブラウザに表示させてみます:bangbang:

内容はこちらの動画を参考にしています:arrow_down:

”npm install axios”をインストール

まず、Vscodeのターミナルを開いて”npm install axios”をインストールしてください。

アプリケーションとサーバーを起動する

ターミナルに npm start を入力

App.jsに記述

code.png

【11行目】axios.get()で外部からファイルを取得します。

【18行目】filter()で検索機能を実装しています。

【34行目】coinを”<Coin/>”コンポーネントに渡します。

Coin.jsに記述

こちらが、”<Coin/>”コンポーネント”の中身になります。

code.png

ブラウザで確認:fire::fire:

2022-01-20_22h00_10.gif

次回:bell:

npm の便利なパッケージを紹介します!

参考:ledger:

0
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
0
0