Komponent məlumatları React-də

Komponent məlumatları üç yerdə saxlana bilər: proplarda, komponentin dəyişənlərində və sabitlərində, və state-lərdə. Proplarda komponentin xaricdən valideyn komponenti tərəfindən göndərilən məlumatlar saxlanılır. Eyni zamanda, komponent daxilində proplar dəyişməz qalmalıdır.

Dəyişənlərdə, sabitlərdə və state-lərdə şəxsi olaraq komponent üçün vacib olan və valideyn tərəfindən bilinməməsi lazım olan lokal məlumatlar saxlanmalıdır. Eyni zamanda, state-lərdə müxtəlif hadisələrdə dəyişə bilən və dəyişikliklərin reaktiv olmasını istədiyiniz məlumatlar saxlanmalıdır.

jsxfunction Test() {
  // isEdit, elem ve data-nın təyin edilməsi
  
  if (isEdit) {
    elem = <input value={data} />;
  } else {
    elem = <span>{data}</span>;
  }
  
  return <div>
    {elem}
  </div>;
}