react

3598 ワード
テキストリンク
3つのメリット
  • は宣言型であり、//HTML/CSS/JSの作成にかかわらず、JSXを用いて宣言型プログラミングを行う.
  • 構成部品ベース
    コンポーネント開発に基づいて、複数のコードを組み合わせて機能を実現
    • は独立で再利用可能
  • 汎用性
    • JSXルール
  • すべてのレイヤーを含む
    • <tag>
  <p>
  ...
  </p>
</tag>

  • Elliment classはclassName="(class=jsとみなされるclass)と表記されています.

  • JavaScript式を使用する場合はカッコ(カッコがない場合はテキストとして認識)を使用します.

  • ユーザ定義素子は、hi(x)hi(o)を大文字で始まる

  • 条件レンダリングには3つの演算子が使用されますか?true : false

  • 複数のエンティティを表示する場合はmap()関数(keyプロパティを含む必要があります)を使用します.
    • const content = people.map((person) =>
	<div key={person.id}>
  		<h1>{person.name}</h1>
		<p>{person.age}</p>
	</div>	                          
)
    JSX内部スタイルを追加する場合
    <div style={{backgroundColor: 'rgb(0,0,0)'}} +//형식으로 추가해준다
    macのつらい日本語ホームディレクトリを英語にする
    nginx、dockerの組合せを使用して逆プロキシを構成する