Reactにおけるランダム文字列ID
では、オブジェクトの配列が次のような形式になっているとします:
const prods = [
{id: 'GYi9G_uC4gBF1e2SixDvu', name: 'product1', cost: 100},
{id: 'IWSpfBPSV3SXgRF87uO74', name: 'product2', cost: 200},
{id: 'JAmjRlfQT8rLTm5tG2m1L', name: 'product3', cost: 300},
];
ご覧の通り、我々のidは
ランダムなユニークな文字列を表しています。このような
配列はNoSQLデータベースから取得されたか、
または単にクライアント側で生成された可能性があります。
ここでも、フォームデータをこの配列に追加する状況を
想像してみてください。この場合、
遅延は発生しません - データを追加する際、
新しいidとなるランダムな文字列を
単に生成するだけです。