rendering


音楽グラフデータ化されたjsonファイルを用いてreactとcssの練習を行った.

Inputのvalue値を(検索されたテキスト)で受信したデータ(音楽グラフ情報)と比較し、filterとしてフィルタし、render関数の下で変数を宣言します.
その変数を地図に返した.
レンダリング順序は何ですか?
検索ウィンドウで検索>onChange実行>関数の実行>setState(入力した値を保存)>
レンダー/曲マッピングのフィルタリングに戻る

条件付きレンダリング


jsx.. 達人になりたい...
{m.state === "상승" && <span className="statusup">상승</span>}
{m.state === "하강" && <span className="statusdown">하락</span>}
{m.state === "유지" && <span className="status">유지</span>}
マッピングされた要素に返されるキー値stateの値を比較する
「上昇」、「下降」、「維持」の3つの条件を比較します.
&&後のspanラベルで印刷します.
jsxの最大の利点は条件出力によって異なることである.
よく利用しましょう.