Komponentu dati React

Komponentu dati var tikt glabāti trīs vietās: props, komponenta mainīgie un konstantes, un state. Props tiek glabāti dati, kurus komponentam no ārpuses sūta tā vecākkomponents. Šajā gadījumā komponenta iekšienē props ir jāpaliek nemainīgiem.

Mainīgajos, konstantēs un state ir jāglabā lokālie dati, kas ir svarīgi pašam komponentam un par kuriem vecākam nevajadzētu zināt. Šajā gadījumā state ir jāglabā dati, kas var mainīties dažādos notikumos un tajā pašā laikā jūs vēlaties, lai izmaiņas būtu reaktīvas.

jsxfunction Test() {
  // isEdit, elem un data definīcija
  
  if (isEdit) {
    elem = <input value={data} />;
  } else {
    elem = <span>{data}</span>;
  }
  
  return <div>
    {elem}
  </div>;
}