React компоненттериндеги маалыматтар

Компонент маалыматтары үч жерде сакталышы мүмкүн: пропстарда, компоненттин өзгөрмөлөрү жана константаларында, жана стейттерде. Пропсарда, компоненттин сырттан ата-энеси компонент тарабынан жөнөтүлгөн маалыматтар сакталат. Бул учурда компоненттин ичинде пропсар өзгөрбөй турушу керек.

Өзгөрмөлөрдө, константаларда жана стейттерде компонентке жеке маанилүү болгон жана ата-энесине билиш керек эмес болгон жергиликтүү маалыматтарды сактоо керек. Бул учурда стейттерде ар кандай окуяларда өзгөрүшү мүмкүн болгон жана сиз бул өзгөрүүлөрдүн реактивдүү болушун каалаган маалыматтарды сактоо керек.

jsxfunction Test() {
  // isEdit, elem жана data аныктоо
  
  if (isEdit) {
    elem = <input value={data} />;
  } else {
    elem = <span>{data}</span>;
  }
  
  return <div>
    {elem}
  </div>;
}