Create a unique ID in React JS

Saleh Mubashar - Oct 18 '21 - - Dev Community

Hi Guys
Ok so in this post I will be giving you guys
the simple steps to create a unique reference
ID in react JS.
This has many uses such as giving a user uploaded
image a unique name for saving in a database.

Step 1:

Install UUID v4 using the following command



npm install uuidv4


Enter fullscreen mode Exit fullscreen mode

Step 2:

Import the package into your component, page or code etc.



import { v4 as uuid } from 'uuid';


Enter fullscreen mode Exit fullscreen mode

Step 3:

You can now assign the Uinique ID to any variable using the below code
unique_id is an example here, it can be any variable name.



const unique_id = uuid();


Enter fullscreen mode Exit fullscreen mode

And voila!, you're done.

Thank you all for reading this post.
If it was helpful, please consider following :)
Until next time
Bye!

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Terabox Video Player