Komponendi andmed Reactis

Komponendi andmeid saab hoida kolmes kohas: propsides, komponendi muutujates ja konstantides, ning staatustes. Propsides hoitakse andmeid, mida komponendile saadab väljastpoolt selle vanemkomponent. Samas peaksid propsid komponendi sees jääma muutumatuks.

Muutujatesse, konstantidesse ja staatustesse tuleks hoiata lokaalseid andmeid, mis on olulised komponendile endale ja millest vanemal ei ole vaja teada. Samas tuleks staatustesse hoida andmeid, mis võivad muutuda erinevate sündmuste korral ja mille puhul soovite, et muutused oleksid reaktiivsed.

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