Data komponentů v Reactu

Data komponentů mohou být uložena na třech místech: v props, v proměnných a konstantách komponentu, a ve stavech. V props jsou uložena data, která komponentu zvenčí posílá jeho nadřazený komponent. Přitom uvnitř komponentu by props měly zůstat nezměněny.

V proměnných, konstantách a stavech by měla být uložena lokální data, která jsou důležitá samotnému komponentu a o kterých by neměl vědět nadřazený komponent. Přitom ve stavech by měla být uložena data, která se mohou měnit při různých událostech a přitom chcete, aby změny byly reaktivní.

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