Strings aleatórias para id em React

Suponha que o array de objetos tenha a seguinte forma:

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

Como você pode ver, nossos id agora representam strings únicas aleatórias. Tal array poderia ter sido obtido de um banco de dados NoSQL, ou simplesmente gerado no lado do cliente.

Vamos imaginar novamente a situação de adicionar dados do formulário a este array. Neste caso, não haverá atraso - ao adicionar os dados, simplesmente geraremos uma string aleatória, que será o novo id.