rendering
音楽グラフデータ化されたjsonファイルを用いてreactとcssの練習を行った.
Inputのvalue値を(検索されたテキスト)で受信したデータ(音楽グラフ情報)と比較し、filterとしてフィルタし、render関数の下で変数を宣言します.
その変数を地図に返した.
レンダリング順序は何ですか?
検索ウィンドウで検索>onChange実行>関数の実行>setState(入力した値を保存)>
レンダー/曲マッピングのフィルタリングに戻る
jsx.. 達人になりたい...
「上昇」、「下降」、「維持」の3つの条件を比較します.
&&後のspanラベルで印刷します.
jsxの最大の利点は条件出力によって異なることである.
よく利用しましょう.
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の最大の利点は条件出力によって異なることである.
よく利用しましょう.
Reference
この問題について(rendering), 我々は、より多くの情報をここで見つけました https://velog.io/@awaji0829/조건부-렌더링テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol