react
-
Reactにスタイルを当てる｜React
当てる方法はいくつかある。 従来のHTML＋CSS形式 classを設定してスタイルを適用する。 ただしclassが予約語のため使用できない。JSX中ではclassをclassNameと記述すればclassとして適用され […] -
React学習｜StateとProps｜React
State React.Componentで状態データを保持する変数。オブジェクトとして様々な値を持たせることができる。 setState()というメソッドを用いてプロパティを変更すると、その変更を検知して再レンダリング […] -
React学習｜コンポーネント｜React
ソースの一部を切り出してコンポーネント化することができる。 切り出し前ファイル 例として以下のソースからLayoutクラスを切り出して別ファイルにする。 コンポーネント用のファイルを作成。 コマンドで書いたけど普通にFi […] -
React学習｜JSX｜React
JSX ReactではhtmlをJSXでjs内に記述する。 複数のタグを最上位に記述することはできない。以下の記述はエラーとなる。 以下のようにラップするタグがあって、それが一つであればOK 変数、数式、関数などを{}で […] -
React学習｜環境の下準備｜React
下記ページを参考にまずはチュートリアル ほとんど参考サイトそのままになるが、記録のためにターミナルから入力した操作を転記。 下準備 フォルダ作成 react-turotrialというフォルダを作成し、その中にsrc/js […]