Uuid react

Uuid javascript

function uuid() {
  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
    var r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8);
    return v.toString(16);
  });
}

var userID=uuid();//something like: "ec0c22fa-f909-48da-92cb-db17ecdb91c5"

Uuid react

import React from 'react'
import uuid from 'react-uuid'

const array = ['one', 'two', 'three']

export const LineItem = item => <li key={uuid()}>{item}</li>

export const List = () => array.map(item => <LineItem item={item} />)

Source: npmjs.com

Uuid react

Command to install uuid(CMD-Windows):
npm install uuid

Importing uuid:
import { v4 as uuidv4 } from 'uuid';
uuidv4(); 

id:uuidv4() //Usage of  uuid

Uuid v4 react

npm install uuid
import { v4 as uuidv4 } from 'uuid';

Similar codes

1 vote314 views1 answer
Mkdir: cannot create directory â€˜src/components/dashboardâ€™: no such file or directory in react
Javascript React
4 votes361 views2 answers
React input number
Javascript React
0 vote355 views1 answer
Use this in a react js component
Javascript React
0 vote363 views5 answers
Arrow function component react shortcut vscode
Javascript React
0 vote317 views1 answer
React-active link
Javascript React
2 votes389 views3 answers
New line in react js
Javascript React
1 vote348 views1 answer
React why onclick property function trigger without click
Javascript React
55 votes314 views6 answers
Useref in react
Javascript React
0 vote392 views1 answer
React grid generator
Javascript React
0 vote362 views1 answer
'unsafe-inline' react
Javascript React