[react]JSX構文

2383 ワード
テキストリンク

📌 App.js


<div><div>
<Fragment></Fragment>
<> </>
=>三つの中で一つ包んでもいいです
📎 ルールでは、構成部品の内部がDOMツリー構造で構成されている必要があります.
反応素子では、複数の元素を1つの元素で包む必要がある.

📌 JavaScript式

  • JSX内部に{}でコードを包むとよい.
  • JSX内部のJavaScript式ではif文は使用できません.
    条件演算子の別の名前は、3つの演算子です.
    • {name === '리액트' ? (<h1>리액트O</h1>) : (<h2>리액트X</h2>) }

    📌 classNameはclassではなく


    JSXはclassではなくclassNameに設定する必要があります.

    📌 閉じるタグ


    inputやbrのようなタグはhtmlでもタグを閉じずに作成できます.
    JSXでタグをオフにしないとエラーが発生します
    <input> </input> 
<input /> : self-closing 태그
    golangの反射-Value
    OpenGL入門学習(一)