React-এ নতুন আইডি নিয়ে সমস্যা

ধরুন ডাটাবেস থেকে আমাদের কাছে নিম্নলিখিত অবজেক্টগুলির অ্যারে এসেছে:

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 পেতে সার্ভারে একটি অনুরোধ পাঠাতে হবে, এবং শুধুমাত্র তখনই আমাদের অবজেক্টগুলির অ্যারেতে এলিমেন্টটি যোগ করতে হবে। এটি স্ক্রিনে ডেটা প্রদর্শনে বিলম্ব ঘটাবে: যতক্ষণ না ডেটা সার্ভারে পৌঁছায়, যতক্ষণ না সার্ভার আমাদের কাছে ডেটা ফেরত পাঠায় - ততক্ষণ কিছু সময় কেটে যাবে।