react 学んだこと

情報を格納したオブジェクトをテンプレート文字列で記述したような文字列を出力するようなケースでは分割代入を使うと見やすくなる。

例
const animal ={name:dog , age:28}
const {age , dog}= animal
const message = '私は${age}歳です'
console.log(message)

reactで作ったコンポーネントを表示するためにはreactDOMを使う。
HTMLファイルにコンポーネントを表示するための場所を作っておく。
例）htmlファイルに記述
　<div id="root"></div>

そして、idがrootのタグを取得し、そのタグに表示したいコンポーネントを入れる。
例）jsxファイルに記述
const root=createReact(document.getElementById(root));
root.render(<App/>);

スタイル（見た目）の適用をコンポーネントのクラス名を変えることによって変更することができる。
clsxを使う！zennと書いているところにはすべてに適用したいクラス名を書く。

const className=clsx(zenn,{red:props.role===true})

React のプロパティ（props）で真偽値を渡すとき、その値がtrueの場合は省略可能です。