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

0 vote195 views1 answer
React js marked import and use
Javascript React
2 votes149 views2 answers
Easiest way to show current date in react
Javascript React
8 votes141 views1 answer
Ternary operator in button react
Javascript React
0 vote157 views1 answer
Module not found: Can't resolve '@date-io/date-fns' in 'C:\Users\61455\Documents\React apps\mya2o\src\pages'
Javascript React
1 vote149 views1 answer
Rich editor react
Javascript React
2 votes157 views1 answer
Scoll to top on each route react
Javascript React
0 vote142 views1 answer
Limit values that satisy a url parameter react-router
Javascript React
23 votes139 views4 answers
How to copy to clipboard in react js
Javascript React
0 vote97 views1 answer
React native change image color
Javascript React
4 votes163 views3 answers
How to add google map in react js
Javascript React