A komponens adatai a Reactben

A komponens adatai három helyen tárolhatók: propsokban, a komponens változóiban és konstansaiban, valamint state-ekben. A propsok olyan adatokat tartalmaznak, amelyeket a komponens szülő komponense küld kívülről. Ebben az esetben a komponensen belül a propsoknak változatlanoknak kell maradniuk.

A változókban, konstansokban és state-ekben lokális adatokat kell tárolni, amelyek fontosak magának a komponensnek, és amelyekről a szülőnek nem kell tudnia. Ebben az esetben a state-ekben olyan adatokat kell tárolni, amelyek különböző események során változhatnak, és Ön szeretné, ha ezek a változások reaktívak lennének.

jsxfunction Test() {
  // az isEdit, elem és data meghatározása
  
  if (isEdit) {
    elem = <input value={data} />;
  } else {
    elem = <span>{data}</span>;
  }
  
  return <div>
    {elem}
  </div>;
}