Reactにおけるランダム文字列ID

では、オブジェクトの配列が次のような形式になっているとします：

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

ご覧の通り、我々のidは ランダムなユニークな文字列を表しています。このような 配列はNoSQLデータベースから取得されたか、 または単にクライアント側で生成された可能性があります。

ここでも、フォームデータをこの配列に追加する状況を 想像してみてください。この場合、 遅延は発生しません - データを追加する際、 新しいidとなるランダムな文字列を 単に生成するだけです。