React में नए id के साथ समस्याएं
मान लीजिए कि डेटाबेस से हमें निम्नलिखित ऑब्जेक्ट्स की सरणी प्राप्त हुई है:
const prods = [
{id: 1, name: 'product1', cost: 100},
{id: 2, name: 'product2', cost: 200},
{id: 3, name: 'product3', cost: 300},
];
जैसा कि आप देख सकते हैं, id क्रमानुसार संख्याबद्ध हैं।
हालाँकि, हमें यह ध्यान रखना चाहिए कि संख्याओं
में अंतराल हो सकते हैं, उदाहरण के लिए, 3-वें के बाद
तुरंत 5-वाँ या 6-वाँ आ सकता है।
इस वजह से हमारा क्लाइंट-साइड स्क्रिप्ट
नहीं जान सकता कि अगला id क्या होगा (हमारे
मामले में यह जरूरी नहीं कि 4 ही हो)।
नए id सर्वर के डेटाबेस द्वारा बनाए जाते हैं।
यह क्लाइंट पर काम करते समय कुछ समस्याएँ पैदा
कर सकता है। मुख्य बात यह है: कल्पना कीजिए,
कि एक फॉर्म का उपयोग करके हमने अपनी सरणी में एक नया तत्व
जोड़ा है। हालाँकि, हम केवल फॉर्म से डेटा
नहीं जोड़ सकते - आखिरकार, हम
नहीं जानते कि नए तत्व का id क्या होगा!
हमें सर्वर पर एक अनुरोध भेजना होगा,
ताकि वह हमें क्रम में अगला id दे,
और उसके बाद ही अपनी सरणी में तत्व
जोड़ सकें। इससे स्क्रीन पर डेटा प्रदर्शित होने
में देरी होगी: जब तक डेटा सर्वर पर पहुँचता है,
जब तक सर्वर हमें वापस भेजता है - कुछ
समय बीत जाएगा।
