TIL Day-51

3169 ワード
テキストリンク

React


完全なReact復習


レンダリングリストと条件の内容


了解Keys

  • mapを使用するときに鍵が必要なのはなぜですか?

  • Reactは、データリストをレンダリングする際に特別な概念を持っています.
  • 効率的にリストを更新し、パフォーマンスの損失やエラーがなく、
  • レンダリング可能なコンセプト

  • キーが指定されていない場合は、
  • の新しいアイテムを追加すると、リストの最後のアイテム
    • が生成されます.
  • すべてのアイテムを表示し、更新、並べ替えの順序で並べ替えます.
  • の性能の観点から見ると
    • はよくない.

  • keyを使用する場合、
  • リストの各項目には、一意の値(ID)
    • が必要である.
    インデックスは
  • mapの2番目の引数として自動管理できるが、
  • 指定項目のインデックスは常に同じ(順序が変更可能であればXを推奨)と
  • アイテムの内容に直接添付されないので、エラーにさらされる可能性がありますので、使用しないほうがいいです.
    • オブジェクトを数値に変換
  • オブジェクトから数値に変換するプロセス(たとえば、最低価格を求める場合)
    const Chart = (props) => {
  const dataPointValues = props.dataPoints.map(dataPoint => dataPoint.value) // value를 반환
  const totalMaximum = Math.max(...dataPointValues) // 배열의 모든 요소를 꺼내어 최댓값 구함

  return (
      {props.dataPoints.map((dataPoint) => (
        <ChartBar
          key={dataPoint.label}
          maxValue={totalMaximum}
        />
      ))}
  )
}
  • データポイントオブジェクトをデジタルオブジェクト
    • に変換する.
    Cの数字でアプリケーションを推測します.ネット
    ubuntu環境でbitcoin(ビットコイン)をコンパイルする全プロセス