React-ի կոմպոնենտների տվյալները

Կոմպոնենտների տվյալները կարող են պահպանվել երեք տեղում՝ props-ում, կոմպոնենտի փոփոխականներում և հաստատուններում, և state-ում։ Props-ում պահպանվում են տվյալներ, որոնք կոմպոնենտին դրսից ուղարկում է նրա ծնող կոմպոնենտը։ Ընդ որում, կոմպոնենտի ներսում props-ը պետք է մնան անփոփոխ։

Փոփոխականներում, հաստատուններում և state-ում պետք է պահպանել տեղական տվյալներ, որոնք կարևոր են անձամբ կոմպոնենտի համար և որոնց մասին ծնողը պետք չէ իմանա։ Ընդ որում, state-ում պետք է պահպանել տվյալներ, որոնք կարող են փոխվել տարբեր իրադարձությունների ժամանակ և այդ դեպքում դուք ցանկանում եք, որ փոփոխությունները լինեն ռեակտիվ։

jsxfunction Test() {
  // isEdit-ի, elem-ի և data-ի սահմանում
  
  if (isEdit) {
    elem = <input value={data} />;
  } else {
    elem = <span>{data}</span>;
  }
  
  return <div>
    {elem}
  </div>;
}