[リアクション](Reactions)の起動と構築

4138 ワード

React テキストリンク

反応素子を作成する場合は、反応器を入れる必要があります.

import React from 'react'

これは、Helloという名前の構成部品をエクスポートすることを意味します.

export default Hello;

こんにちは.jsコンポーネントを適用します.jsでロードして使用
「こんにちは」は3回印刷を確認できます.

JSX=XML形式の値で、HTML形式のJavaScriptではありません.
JSXをJavaScriptに正しく変換するには、いくつかのルールを守る必要があります.

.gray-box {
  background: gray;
  width: 64px;
  height: 64px;
}

<div>태그는 꼭 닫혀 있어야 한다</div>
<Hello /> // self closing tag
<br />

タグとタグの間にコンテンツがない場合はself-clostingタグを使用します.

<> // 리액트의 Fragment
  
	<div>두개 이상의</div>
	<p>태그는 감싸자</p>
</>

分割はブラウザでは個別のエンティティとして表示されないため、スタイルの影響を受けません.

const name = "이렇게";
return <div>JavaScript값 보여줄 땐, {name}</div>

JSXのスタイルはオブジェクトの形で入れなければ仕事ができません!(CamelCase形式で作成)
classはclassではなくclassName!

{/*주석은 이렇게*/}
<Hello 
태그가 열리는 부분에서 // 이렇게
/>

ベロフォードとのモダン反応講座を聞いて整理したノート

この問題について([リアクション](Reactions)の起動と構築), 我々は、より多くの情報をここで見つけました https://velog.io/@minnji88/React시작하기-zedtvrju

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol