Podaci komponenti u React-u

Podaci komponenti mogu biti skladišteni na tri mesta: u props, u promenljivim i konstantama komponente, i u stanjima. U props se skladište podaci koje komponenti šalje spolja njen roditeljski komponent. Pri tome unutar komponente props treba da ostanu nepromenjeni.

U promenljivim, konstantama i stanjima treba skladištiti lokalne podatke, koji su lično važni komponenti i o kojima roditelj ne treba da zna. Pri tome u stanjima treba skladištiti podatke koji se mogu menjati u različitim događajima i pritom želite da promene budu reaktivne.

jsxfunction Test() {
  // definicija isEdit, elem i data
  
  if (isEdit) {
    elem = <input value={data} />;
  } else {
    elem = <span>{data}</span>;
  }
  
  return <div>
    {elem}
  </div>;
}