Komponentų duomenys React

Komponentų duomenys gali būti saugomi trijose vietose: propsuose, komponento kintamuosiuose ir konstantose, ir state'uose. Propsuose saugomi duomenys, kuriuos komponentui iš išorės siunčia jo pagrindinis komponentas. Tuo tarpu viduje komponento propsai turi išlikti nepakitę.

Kintamuosiuose, konstantose ir state'uose reikėtų saugoti lokaliuosius duomenis, kurie yra svarbūs pačiam komponentui ir apie kuriuos pagrindinis komponentas neturėtų žinoti. Tuo tarpu state'uose reikėtų saugoti duomenis, kurie gali keistis įvairiais įvykiais ir tuo pat metu jūs norite, kad pakeitimai būtų reaktyvūs.

jsxfunction Test() {
  // isEdit, elem ir data apibrėžimas
  
  if (isEdit) {
    elem = <input value={data} />;
  } else {
    elem = <span>{data}</span>;
  }
  
  return <div>
    {elem}
  </div>;
}