【React】PokemonAPIを使用してポケモンの名前を日本語で取得する
みなさんこんにちは。
小学2年生になる息子がいるのですが、
ポケモンが大好きです。
かつ、今後のICT教育を見据え、パソコンにはどんどん触れてほしいと思い、ポケモンアプリを開発しました。
アプリの詳細については過去のブログで紹介させていただいております。また、アプリの中でポケモンのBGMを流しているのですが、
そちらの再生方法、停止方法については以下で解説しております。この記事がおすすめな人今回の記事は以下の人に特におすすめです。
・React:初学者、初級者~中級者
・アプリを開発したい人
・手順だけを知りたい人
・コードだけを知りたい人コンポーネントを作成するテキストボックスに任意の数字を入れて、
「ポケモンの名前」を表示するコンポーネントを追加します。
前回の画面構成については、過去記事の内容をご参照ください。============================= {/* ポケモンの名前 */}
<Grid item xs={12} align="center">
<Typography>
ポケモンの名前:{pokemonname} </Typography>
</Grid>
</Grid>=============================画面は以下のようになります。変数と関数をコーディングするPokemonAPI取得できるポケモンの名前は英語表記になっているので、以下のコードのようにして日本語表記にする必要があります。======================
0