Reactのメモです。 State Stateはコンポーネントによって完全プライベートに管理される。 クラス クラスコンポーネントは常にpropsを引数に、親クラスのコンストラクタを呼び出す必要がある。 cinstructor(props){ super(props); this.state={data: new Date…

Reactのメモ2です propsの指定 JavaScript式 任意のJavaScript式は{}で囲むことによってpropsとして渡すことができます。 <MyComponent foo={1+2+3+4}/> MyComponentというコンポーネントのpropsのfooに10が与えられる。 if文やfor文はJavaScriptでは文ではないらしいので{}の中で使うこ</mycomponent>…

Reactのメモ 一通り学習した後に、新たにReactで得た知識を書きます。ただのメモです。 タグの大文字小文字 タグの中の始まりが小文字の場合、htmlタグとして認識される。大文字の場合コンポーネントとして認識される。 以下、ダメな例 //コンポーネントは大…

中央寄せ htmlで作成したUIを中央に寄せるときに使用する記法。 MUIのstyledのなかでの記法になる。 margin:"auto", これだけでは中に文字を入れている場合(タグで文字を挟んだ場合)その文字には中央揃えは適用されていない。文字に中央ぞろえを適用させるた…

Avatar LINEやtwitterのアイコンのようなUIを作成できる。 まずはアバターのモジュールをインポートしておく。最低限これをインポートしておく。ここから各々必要に応じてインポートする。 import as React from "react"; import Avatar from '@mui/material…

Buttonコンポーネント 公式の説明を読みながら解読します。 基本ボタンには、テキスト、包含、アウトラインの3つのバリエーションがあります。 引用元:MUI公式サイト_Button variant variant属性には"text","contained","outlined"がある。 "text"と指定する…

MUIの勉強記録 1 MUIについて勉強していくので、軽く使い方をまとめます。 間違い、要望あればコメントください。 MUIとは UIテンプレートの集まり。そのまま使うことも改良することもできる。 基本的にはググれば出てくる。以前は"material-ui"だったが、最…