基本 フォームが送信されたときに処理を実行するには、formタグに対してonSubmitイベントを指定する フォームの入力や削除が行われたときに処理を実行するには、onChangeイベントを用いる。inputタグに対してonChangeイベントを指定する。 入力値の取得は、o…

総合演習 構造は下記のとおり。 Appで各コンポーネントを配置 MainにてLessonのstateを定義し、mapメソッドにてLessonコンポーネントを表示。 Lessonにてコンストラクタ設定 コンストラクタに、イズオープンのstateを追加。初期値はfalse こっからトリッキー…

基本 JSXにクラス名をつける場合、HTMLと書き方が違うため注意 クラス名は「className='クラス名'」 コンポーネントは「部品」や「パーツ」という意味。Reactでは、見た目を機能ごとにコンポーネント化して、コンポーネントを組み合わせることでWebサイトの…

Reactを読み込んでrenderにjsxを記述 JSXとJS ( JavaScript ) の記述部分は分かれている renderメソッドのreturn内のみ、JSXで記述する必要がある JSXで記述された要素はブラウザに表示される import React from 'react'; class App extends React.Component…