Dáta komponentov v React

Dáta komponentov môžu byť uložené na troch miestach: v props, v premenných a konštantách komponentu, a v state. V props sú uložené dáta, ktoré komponentu posiela zvonku jeho rodičovský komponent. Pritom vnútri komponentu by props mali zostať nezmenené.

V premenných, konštantách a state by sa mali ukladať lokálne dáta, ktoré sú dôležité pre samotný komponent a o ktorých by nemal vedieť rodič. Pritom v state by mali byť uložené dáta, ktoré sa môžu meniť pri rôznych udalostiach a zároveň chcete, aby zmeny boli reaktívne.

jsxfunction Test() {
  // definícia isEdit, elem a data
  
  if (isEdit) {
    elem = <input value={data} />;
  } else {
    elem = <span>{data}</span>;
  }
  
  return <div>
    {elem}
  </div>;
}