React-ის კომპონენტების მონაცემები

კომპონენტების მონაცემები შეიძლება ინახებოდეს სამ ადგილას: პროფებში, კომპონენტის ცვლადებსა და კონსტანტებში, და სტეიტებში. პროფებში ინახება მონაცემები, რომლებსაც კომპონენტს გარედან აწვდის მისი მშობელი კომპონენტი. ამ შემთხვევაში, კომპონენტის შიგნით პროფები უნდა დარჩეს უცვლელი.

ცვლადებში, კონსტანტებსა და სტეიტებში უნდა ინახებოდეს ლოკალური მონაცემები, რომლებიც პირადად მნიშვნელოვანია კომპონენტისთვის და რომელთა შესახებაც არ უნდა იცოდეს მშობელს. ამ შემთხვევაში, სტეიტებში უნდა ინახებოდეს მონაცემები, რომლებიც შეიძლება შეიცვალოს სხვადასხვა მოვლენებზე და ამ დროს თქვენ გსურთ, რომ ცვლილებები იყოს რეაქტული.

jsxfunction Test() {
  // isEdit-ის, elem-ის და data-ის განსაზღვრა
  
  if (isEdit) {
    elem = <input value={data} />;
  } else {
    elem = <span>{data}</span>;
  }
  
  return <div>
    {elem}
  </div>;
}