React компоненттерінің деректері

Компонент деректері үш жерде сақталуы мүмкін: пропстарда, компонент айнымалылары мен тұрақтыларында, және стейттерде. Пропстарда компонентке оның ата-аналық компоненті сырттан жіберетін деректер сақталады. Бұл ретте компонент ішінде пропстар өзгеріссіз қалуы керек.

Айнымалыларда, тұрақтыларда және стейттерде компонент үшін жеке маңызды және ата-ана туралы білуге болмайтын жергілікті деректерді сақтау керек. Бұл ретте стейттерде әртүрлі оқиғаларда өзгеруі мүмкін және өзгерістер реактивті болуын қалайтын деректерді сақтау керек.

jsxfunction Test() {
  // isEdit, elem және data анықтамасы
  
  if (isEdit) {
    elem = <input value={data} />;
  } else {
    elem = <span>{data}</span>;
  }
  
  return <div>
    {elem}
  </div>;
}