Подаци компоненти у React-у

Подаци компоненте могу се чувати на три места: у пропсима, у променљивим и константама компоненте, и у стањима. У пропсима се чувају подаци које компоненти споља шаље њен родитељски компонент. При томе унутар компоненте пропси морају остати непромењени.

У променљивим, константама и стањима треба чувати локалне податке, који су важни самој компоненти и о којима родитељ не треба да зна. При томе у стањима треба чувати податке, који се могу мењати у различитим догађајима и при том желите да промене буду реактивне.

jsxfunction Test() {
  // дефиниција isEdit, elem и data
  
  if (isEdit) {
    elem = <input value={data} />;
  } else {
    elem = <span>{data}</span>;
  }
  
  return <div>
    {elem}
  </div>;
}