Kodo
kon
kodokon.com
コース
/
React
基礎
React · 初級 - 基本を一歩ずつ
なぜReactなのか、最初のコンポーネントとJSX
Reactとは何かを知り、いちばん最初のコンポーネントを書いて、JSXの基本ルールを学びましょう。
Props:コンポーネントにデータを渡す
propsを通じてコンポーネントにデータを渡すことで、再利用できるコンポーネントの作り方を学びましょう。
useStateによるローカルなstate
useStateでコンポーネントに記憶を持たせ、ユーザーの操作に合わせて変化する値を表示できるようにしましょう。
イベントと条件付きレンダリング
ユーザーの操作に反応し、条件に応じて要素を表示したり隠したりしましょう。
リストのレンダリングとkeyの役割
mapを使ってデータの配列を画面上の要素のリストに変え、keyで各要素を識別しましょう。