React में कंपोनेंट डेटा

कंपोनेंट डेटा तीन स्थानों में संग्रहीत किया जा सकता है: प्रॉप्स में, कंपोनेंट के वेरिएबल और कॉन्स्टेंट में, और स्टेट में। प्रॉप्स में वह डेटा संग्रहीत होता है जो कंपोनेंट को बाहर से उसके पैरेंट कंपोनेंट द्वारा भेजा जाता है। इसके अंदर, कंपोनेंट में प्रॉप्स को अपरिवर्तित रहना चाहिए।

वेरिएबल, कॉन्स्टेंट और स्टेट में स्थानीय डेटा संग्रहीत करना चाहिए, जो व्यक्तिगत रूप से कंपोनेंट के लिए महत्वपूर्ण हो और जिसके बारे में पैरेंट को पता होना आवश्यक न हो। इसके अलावा, स्टेट में उस डेटा को संग्रहीत करना चाहिए जो विभिन्न घटनाओं में बदल सकता हो और आप चाहते हों कि परिवर्तन प्रतिक्रियाशील हों।

jsxfunction Test() {
  // isEdit, elem और data की परिभाषा
  
  if (isEdit) {
    elem = <input value={data} />;
  } else {
    elem = <span>{data}</span>;
  }
  
  return <div>
    {elem}
  </div>;
}