live_tv
Livestream Starting Soon
00
Hours
:
00
Minutes
:
00
Seconds
Up next in 10
React.js Tutorial to Display Currencies Input of Different Countires in Formatted Way in JSX
Jan 9, 2025
Buy the full source code of application here:
Show More Show Less View Video Transcript
0:00
uh hello guys welcome to this video so
0:02
in this video I will show you a react
0:04
CHS package where you can display
0:06
currencies of different
0:08
countries in your Rees applications we
0:11
are displaying uh you can see dollar
0:13
here so if you are working with
0:16
application which is related to
0:17
currencies you can use this package
0:19
which is react currency formatter so
0:22
here you can format the numbers by
0:25
passing a simple
0:26
number and display the currencies
0:30
very easily so the package name is react
0:33
currency
0:37
format so this is actually the package
0:40
here if you
0:43
see so I've already installed it it's
0:47
the command is very simple it has got
0:49
almost 1,400 weekly
0:51
downloads so just I will show you a very
0:55
simple example so first of all you need
0:57
to import this package so import P
1:02
currency and it will be coming from
1:04
react currency form matter so almost 23
1:10
kilobytes and here in the jsx we
1:12
actually
1:15
return the component here which is
1:17
currency and it actually takes two
1:20
options first is the quantity how much
1:22
quantity that you want to display the
1:24
currency let me say 500 and then the
1:27
currency so here you'll be selecting the
1:30
threel digit code of the currency that
1:32
you want to display so I'm displaying
1:35
United State dollars so if you see so
1:38
now it displays this dollar sign it adds
1:42
this dollar
1:43
sign if I change this if I want to Now
1:51
display so here if I Chang this to GBP
1:54
which is grade peran pound then we have
1:58
this account symbol I
2:04
think then we have rupees which is
2:10
INR AUD Australian dollar New Zealand
2:13
dollar so we have all these currencies
2:16
threel digit codes so here you will
2:18
replace accordingly to all your
2:20
respective country so if you refresh
2:28
now so you will see that so this is now
2:31
dollar this is pound symbol this is
2:33
rupees
2:36
symbol so depending upon your country
2:39
you will
2:41
select this is essentially the package
2:44
guys thank you very much guys for
2:45
watching this video If you like this
2:47
video please hit that like button
2:49
subscribe the channel and also check out
2:51
my website as well freem mediat
2:52
tools.com which contains thousands of
2:54
tools regarding audio video and image
2:56
and I will be seeing you in the next
2:58
video
#Finance
#Investing
#Currencies & Foreign Exchange