สตริงแบบสุ่มสำหรับ id ใน React

ตอนนี้ให้อาร์เรย์ของอ็อบเจ็กต์มีรูปแบบดังต่อไปนี้:

const prods = [
	{id: 'GYi9G_uC4gBF1e2SixDvu', name: 'product1', cost: 100},
	{id: 'IWSpfBPSV3SXgRF87uO74', name: 'product2', cost: 200},
	{id: 'JAmjRlfQT8rLTm5tG2m1L', name: 'product3', cost: 300},
];

อย่างที่คุณเห็น ตอนนี้ id ของเรา เป็นสตริงสุ่มที่ไม่ซ้ำกัน อาร์เรย์แบบนี้ อาจได้รับมาจากฐานข้อมูล NoSQL หรือเพียงแค่สร้างขึ้นบนฝั่งไคลเอ็นต์

ลองนึกถึงสถานการณ์การเพิ่มข้อมูลจากฟอร์ม ลงในอาร์เรย์นี้อีกครั้ง ในกรณีนี้ จะไม่เกิดความล่าช้า - เมื่อเพิ่มข้อมูล เราเพียงแค่สร้างสตริงสุ่มขึ้นมา ซึ่ง จะเป็น id ใหม่