Как сгенерировать uuid внутри массива.map в javascript?

#reactjs #react-native #uuid

Вопрос:

Я импортирую UUID вот так

 import { v4 as uuidv4 } from 'uuid';
 

Внутри jsx
Я сопоставляю массив и генерирую случайный UUID для каждого элемента, но
Это дает мне ошибку

 {array.map((item) => (
   <View key={uuidv4()}>
     ...
   </View>
))}
 

Вот ошибка, которую он мне дает

введите описание изображения здесь

Комментарии:

1. Смотрите ссылку на скриншоте: github.com/uuidjs/uuid#getrandomvalues-not-supported В нем объясняется, как исправить ошибку!

2. Кроме того, использование криптографически безопасных uuid в качестве случайных ключей для элементов React на самом деле не имеет смысла. Если вам действительно нужно случайное значение, то что-то более простое, основанное на Math.random() нем, будет работать нормально. Но я не уверен, что вам действительно нужно случайное значение ключа, это не очень типичный шаблон.

Ответ №1:

 npm install --save react-native-get-random-values
npx pod-install


// Add this line to your `index.js`
import 'react-native-get-random-values'
 

Для получения дополнительной информации См.: https://www.npmjs.com/package/uuid#react-native—expo