Yes, I think this is a good strategy. I just keep doing these small projects everyday- rather than slogging through a very long tutorial, book, or lesson.
React displays a warning as toAmount is NaN on the first render, changing the line 'toAmount = amount * exchangeRate;' to 'toAmount = amount * exchangeRate || 0;' is one way to fix it another would be setting an initial state to exchangeRate when calling the useState hook.
Also there is a problem when chosen fromCurrency and toCurrency are the same (e.g "EUR' and "EUR'). My solution to it is to compare them in an 'if" statement like this: useEffect(() => { if (fromCurrency === toCurrency && fromCurrency != null) { setExchangeRate(1); } else if (fromCurrency != null && toCurrency != null) { fetch(`${BASE_URL}?base=${fromCurrency}&symbols=${toCurrency}`) .then(response => response.json()) .then(data => setExchangeRate(data.rates[toCurrency])); } }, [fromCurrency, toCurrency]);
Your React videos are amazing! I'm definitely going to use them as a reference. I wonder if it would be possible for you to tell us more about the 'npm run build' command in the next one, maybe even deploy an app.
I'm sorry but you should have more followers , your the first person to ever simplify the empty array use effect thing clearly on the first shot .. well done gent :) the fact you said quote " Since an empty array never changes " opened it all up TY and cant wait to start buying your courses !
Hey KYLE. Really appreciate your efforts. I've have been following your videos since you had like 10-12 videos on channel. Just I want to let you know that, I'm huge fan. I learned a lot from you. You are one of the best mentor, I've found on the internet.😻 There is a tiny bug I found while following this tutorial. Let's say I was playing with currency USD to EURO, when I switch `toCurrency` to USD like it's now USD to USD. The conversion doesn't change. It stays with EURO amount while it shows USD to USD. I think, I fixed this with the one line of code: `if (toCurrency === fromCurrency) toAmount = fromAmount;`. That's being said. Keep up the good work 💪. Love from 🇧🇩 Bangladesh.
At 14:04 , When I pass option as the key that way, I get the following error : Warning: Encountered two children with the same key, `EUR`. Keys should be unique so that components maintain their identity across updates. Non-unique keys may cause children to be duplicated and/or omitted - the behavior is unsupported and could change in a future version. How can I solve this?
Omit the base currency when we make the array of currencyOptions. This is because currency options include these days EUR as well. So it's not unique key anymore if you include the base in the array of currency options.
The currency converter APIs don't work the same anymore. They don't allow you to fetch data using the base currency. So just a heads up for anyone who starts the project now. You'll be wasting your time unless you find an API that allows you to fetch currency rates from a base currency for free. I tried to find one myself but it didn't lead to anything. Thanks, Kyle for the video tho but the PROJECT IS NOT GOING TO WORK ANYMORE.
@@teliparth ik I need API key to to fetch and it does work but only for the first fetch request when we're fetching data about all the currency rates. In the later half of the video we make another fetch call to get specific single conversion, for eg, INR to USD only. I'm talking about that part. That call isn't included in the free plan anymore.
Not sure if anyone else got the 'duplicate keys error'. But it happens at this line => setCurrencyOptions([data.base, ...Object.keys(data.rates)]) here we set the first currency option to data.base. Doing this sets it to EUR, while still leaving the EUR option in the select drop down causing it to appear twice. edit the line to look like this => setCurrencyOptions([ ...Object.keys(data.rates)]) removing 'data.base' allows for only 1 instance of EUR to appear.
Found Fix (ELIFECYCLE crash): I'm an Ubuntu daily driver kind of guy and immediately I had to jump through hoops to get the correct version of NPM (I had the nightly update version somehow). Once I rolled back to v12.16, I was able to "create-react-app ." BUT after following along up to 2:07 - and then "Failed at the react-currency-converter0.1.0 start script" - When reading the error log, it looks like getting rid of the ELIFECYCLE is causing it to crash. [Fix:] After almost 2 hours of playing around with this, I realized that I needed to run "npx create-react-app" and then immediately run "start npm" and then delete the assets/code WILE the server was running. Not sure why that happened or why this works but I did it side by side on my Windows Laptop and my Ubuntu laptop and the ubuntu laptop had the same error time and time again. Hopefully this comment can save somebody a lot of frustration.
I'm just NEVER disappointed when I watch a WDS video! Kyle you are a Greek God, and whenever I hear the blues lick (That I'm pretty sure that beautiful lady in the back had something to do with) it gets me super amped to code! .....However it also gets me super amped to play my telecaster... damn you for these conflicting feelings! Much love dude!
Kyle!!! I had asked a candidate a question very similar to this as part of a Frontend interview, and they ended up coding a solution which is a replica of this! I hope you get that 'Thank you' note from them.
Hey the app works for me but I get this error in the console: index.js:1 Warning: Received NaN for the `value` attribute. If this is expected, cast the value to a string. in input (at CurrencyRow.js:13) in div (at CurrencyRow.js:12) in CurrencyRow (at App.js:66) in App (at src/index.js:5)
Hey Kyle , I am one of your subscribers and I love your tutorials , one thing though the link for the API has been changed and I am not able to follow this tutorial if only you could just comment what all changes you need to make for the new link.
Thanks for the video 👍. A bit of constructive criticism... Its tough understand the concepts while also keeping up in my editor at the pace you talk and switch files/sections. I'll be back for more tips!
Amazing video Kyle. Thank you very much. I have a question though. The rates only change when the base currency changes, why do we need to make an API request when the sub currency changes as well?
I'm getiing this error Line 15:39: 'data' is not defined no-undef On this section: setCurrencyOptions([data.base, ...Object.keys(data.rates)]) (app.js; line:15)
please do some modification code is not working, I do all as you do but still, it's showing error. finally, I copy all code from your repo but still, it's not working.
I got an error while fetching, the api is asking for a key. don't have one 😕 error: Object { code: 101, type: "missing_access_key", info: "You have not supplied an API Access Key. [Required format: access_key=YOUR_ACCESS_KEY]" }
Thank you! It was really difficult to me, I did it in type script. And I had some trouble with the (api), I used Belarus API....But I won this task! Thank you from Belarus! I like your lessons!!!! Good luck!!!!
hey kyle, awesome video as usual! learned a lot from this tutorial but a bit overwhelmed at the same time. got one question though, as i was following the code with you, near the end of the tutorial i got this error which says "Warning: Received NaN for the `value` attribute. If this is expected, cast the value to a string." so i thought i did something wrong. but the program was working as expected. last thing i did to check was copy the entire code from github and tried it out but still having the same error. I'm baffled cause the program works but this error shows. any insight on this? thanks a lot and keep it up!
Hello, thank you for the amazing tutorial. But when I apply all of this, at the end I got an error : "Unhandled Rejection (TypeError): Cannot read property 'AED' of undefined " the currency type of AED cannot be read. I couldn't find the solution. A help is much appreciated !! Thanks.
I just figured this out, on the 2nd useEffect change: fetch(`${BASE_URL}?base=${fromCurrency}&symbols=${toCurrency}`) to fetch(`${BASE_URL}&base=${fromCurrency}&symbols=${toCurrency}`) Because the API requires a KEY now, the URL already has the ? in the string, therefore when we added it in the fetch it gives an error. Changing the ? to & fixes the issue.
@@jasoneugene7697 Hi Jason, Thanks for your help. I´ve done that and that´s fixed but now there is an error when i choose another currency than euro in fromCurrency. how can i fix that?
Spelling isn't the issue. I get an error saying "Unhandled Rejection (TypeError): Cannot read properties of undefined (reading 'AED')" and the code in question is: useEffect(() => { if (fromCurrency != null && toCurrency != null){ fetch(`${BASE_URL}?base=${fromCurrency}&symbols=${toCurrency}`) .then(res => res.json()) .then(data => setExchangeRate(data.rates[toCurrency])) } }, [fromCurrency, toCurrency]) for some reason, the conditional isn't working.
Apparently the exchange rates API now requires an API key, I keep getting "You have not supplied an API Access Key. [Required format: access_key=YOUR_ACCESS_KEY]".
I am getting following warnigns 1)index.js:1 Warning: Received NaN for the `value` attribute. If this is expected, cast the value to a string. 2)react-dom.development.js:1383 The specified value "NaN" cannot be parsed, or is out of range. 3)Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0
Q : I have some lines of codes in my controller that i want to externalize to use as well for other controllers, should i create a file in a new folder called middlewares and then require that file to call the function inside my controllers ? thanks !
Try this: Went through the video 3 x , 1st time Followed him through it and made it , 2nd time I watched it and took notes and tried to make it from the notes only, 3rd time make it without any notes from memory 👍
@@WebDevSimplified Maybe a 'Home budget App' where you input revenue and spending. App also sums everything and save all in local storage...or generate some summary at the end of the month? It can be fun and useful :)
Hello, I finished the video and whenever I change the fromCurrency, it does not change the values and the exchange rate remains the same for EUR rate. It works completely fine, however, when I change the toCurrency to a different currency.
Hi kyle im getting . Cannot read property 'map' of undefined error. In the middle of the tutorial and i wrote the same code without any difference. So im Waiting your answer and thanks :)
How come when I expand the rates property of the object, it re-arranges to alphabetical in the console? But when I map it to the select, it's still how it was originally
How to resolve the error: Recieved NaN for the value attribute for input in CurrencyRow... Also the amount isn't getting updated when changing the currency. please help
Another awesome tutorial Kyle! But I could use some help here. 😅 I didn't get the logic behind the following state settings, and its implications ahead: const [amount, setAmount] = useState(1); const [amountInFromCurrency, setAmountInFromCurrency] = useState(true); Why did you set the default of the first state to 1 and the second to true? Why the function to handle the amount change uses setAmountInFromCurrency as referential variable to allow the conversion from the second select field?
you need to get an access key by signing up to the exchangerates api and then you can use this api key in url read its documentation you'll get the idea of it p.s. - signing up is free of cost so no worries
Hello, I think an API Key is required now on exchangeratesapi.io. Is this something you can help me with? In the video the API Key is not mentioned or required...
Thank you Kyle for teaching us how to code & leaving your modeling career!
Modeling is overrated :P Programming is where its at.
@@WebDevSimplified woah you actually were a model? not surprised tho :O
I was not. I wouldn't want to be either. It seems like a lot of travel and work, and programming is way more fun.
@@WebDevSimplified nerd
@@pranav288 ur mom
Just started learning React and I find it much easier to learn by building these small projects :) Thanks, man!
Yes, I think this is a good strategy. I just keep doing these small projects everyday- rather than slogging through a very long tutorial, book, or lesson.
@@anthonygrear6226 12ewer
Another excellent tutorial! Also, I took the "Learn React Today" course, and it too, is excellent.
Thank you! I'm glad you enjoyed it.
React displays a warning as toAmount is NaN on the first render, changing the line 'toAmount = amount * exchangeRate;' to 'toAmount = amount * exchangeRate || 0;' is one way to fix it another would be setting an initial state to exchangeRate when calling the useState hook.
Saved my life. Thank you and Kyle.
Also there is a problem when chosen fromCurrency and toCurrency are the same (e.g "EUR' and "EUR'). My solution to it is to compare them in an 'if" statement like this:
useEffect(() => {
if (fromCurrency === toCurrency && fromCurrency != null) {
setExchangeRate(1);
} else if (fromCurrency != null && toCurrency != null) {
fetch(`${BASE_URL}?base=${fromCurrency}&symbols=${toCurrency}`)
.then(response => response.json())
.then(data => setExchangeRate(data.rates[toCurrency]));
}
}, [fromCurrency, toCurrency]);
@@parampampam4477 bro l love u LOL l was trying so hard to get it this should be pinned!
Your React videos are amazing! I'm definitely going to use them as a reference. I wonder if it would be possible for you to tell us more about the 'npm run build' command in the next one, maybe even deploy an app.
I'm sorry but you should have more followers , your the first person to ever simplify the empty array use effect thing clearly on the first shot .. well done gent :) the fact you said quote " Since an empty array never changes " opened it all up TY and cant wait to start buying your courses !
Thank you so much! I am really glad you enjoyed the video.
Check the video "React tutorial in 30 seconds" and you will save money and time! Check Federico Zacayan chanel in youtube.
Another amazing video. Lots of information clearly explained and is right to the point. I'm learning so much from you, thanks for the great content.
Hey KYLE. Really appreciate your efforts. I've have been following your videos since you had like 10-12 videos on channel. Just I want to let you know that, I'm huge fan. I learned a lot from you. You are one of the best mentor, I've found on the internet.😻
There is a tiny bug I found while following this tutorial. Let's say I was playing with currency USD to EURO, when I switch `toCurrency` to USD like it's now USD to USD. The conversion doesn't change. It stays with EURO amount while it shows USD to USD. I think, I fixed this with the one line of code: `if (toCurrency === fromCurrency) toAmount = fromAmount;`.
That's being said. Keep up the good work 💪. Love from 🇧🇩 Bangladesh.
At 14:04 , When I pass option as the key that way, I get the following error :
Warning: Encountered two children with the same key, `EUR`. Keys should be unique so that components maintain their identity across updates. Non-unique keys may cause children to be duplicated and/or omitted - the behavior is unsupported and could change in a future version.
How can I solve this?
Omit the base currency when we make the array of currencyOptions. This is because currency options include these days EUR as well. So it's not unique key anymore if you include the base in the array of currency options.
get a index value as prop too (option, index) and assign the key={index}
The currency converter APIs don't work the same anymore. They don't allow you to fetch data using the base currency. So just a heads up for anyone who starts the project now. You'll be wasting your time unless you find an API that allows you to fetch currency rates from a base currency for free. I tried to find one myself but it didn't lead to anything. Thanks, Kyle for the video tho but the PROJECT IS NOT GOING TO WORK ANYMORE.
You just need to add api key in fetch ! It do work .
@@teliparth ik I need API key to to fetch and it does work but only for the first fetch request when we're fetching data about all the currency rates. In the later half of the video we make another fetch call to get specific single conversion, for eg, INR to USD only. I'm talking about that part. That call isn't included in the free plan anymore.
@@yodkwtf yeah you're right
Thank you guys, I just experienced this and you're all right. Thanks for the update.
@@stafa5568 np man. There is a work around to still complete this project. For me, that approach seemed a bit simpler too.
Man you are amazing, clear and complete informations, also you have a lot of knowladge and skill making anything complex become simple. Keep going!
Not sure if anyone else got the 'duplicate keys error'. But it happens at this line => setCurrencyOptions([data.base, ...Object.keys(data.rates)])
here we set the first currency option to data.base. Doing this sets it to EUR, while still leaving the EUR option in the select drop down causing it to appear twice. edit the line to look like this => setCurrencyOptions([ ...Object.keys(data.rates)]) removing 'data.base' allows for only 1 instance of EUR to appear.
This is because the you can't change the base currency anymore in 2023, they restricted that to the pro plans.
Thanks for the tutorial, I love how you explain concepts, you make it seems really easy.
Did you do correctly ... I was stuck in to get currency API ... it always ask key I don't know how solve it please help
Found Fix (ELIFECYCLE crash):
I'm an Ubuntu daily driver kind of guy and immediately I had to jump through hoops to get the correct version of NPM (I had the nightly update version somehow). Once I rolled back to v12.16, I was able to "create-react-app ." BUT after following along up to 2:07 - and then "Failed at the react-currency-converter0.1.0 start script" - When reading the error log, it looks like getting rid of the ELIFECYCLE is causing it to crash.
[Fix:] After almost 2 hours of playing around with this, I realized that I needed to run "npx create-react-app" and then immediately run "start npm" and then delete the assets/code WILE the server was running.
Not sure why that happened or why this works but I did it side by side on my Windows Laptop and my Ubuntu laptop and the ubuntu laptop had the same error time and time again. Hopefully this comment can save somebody a lot of frustration.
I like watching your tutorials and doing my program a bit differently. After some struggle, I made length converter instead with a local JSON table.
Man you've done a great job with these mini projects, really appreciate it.
Thank you so much
Thank you so much Kyle! your videos are so easy to follow. Thank you for making this free too!
That was awesome! Great teaching, so clarifying, it helped a lot, thank you!
I'm just NEVER disappointed when I watch a WDS video! Kyle you are a Greek God, and whenever I hear the blues lick (That I'm pretty sure that beautiful lady in the back had something to do with) it gets me super amped to code! .....However it also gets me super amped to play my telecaster... damn you for these conflicting feelings! Much love dude!
Thank you so much. The song was actually something I found online and decided to stick with since the very beginning.
@@WebDevSimplified Oh snap, I thought you recorded it.. Well she's a gorgeous guitar, hopefully you've tamed that mare!
Kyle!!! I had asked a candidate a question very similar to this as part of a Frontend interview, and they ended up coding a solution which is a replica of this! I hope you get that 'Thank you' note from them.
I do enjoy this video, this gives me a rough idea about how react works, yeah, i will definitely check out your couurse !!!
It is "just a basic little app" yet there is a lot to it! 😬
Thank you for the great explanation!🙂
That was even more helpful than your ToDo list walkthrough.
He is improving his code, what about you spectator?
this code was not easy for me at all to implement
and you explained it amazing
thnx Kyle
Dude, i just love you, thanks a lot.
greetings from Brazil
you fall in love with Mr. Kyle ???
This make so much sense and can relate to it and understand what your saying and mean. Thank u
I'm gonna spend some time and create this project by myself. At the end, it's gonna be worth it.
Very helpful video. Keep making React tutorials
Unhandled Rejection (TypeError): Cannot convert undefined or null to object. error in this line const firstCurrency = Object.keys(data.rates)[0];
Perfect!!! Thank you very much for this explanation👏👏👏
Thanks so much Kyle, you're an absolute coding legend!!! Great tutorial😁
Hey the app works for me but I get this error in the console:
index.js:1 Warning: Received NaN for the `value` attribute. If this is expected, cast the value to a string.
in input (at CurrencyRow.js:13)
in div (at CurrencyRow.js:12)
in CurrencyRow (at App.js:66)
in App (at src/index.js:5)
please help
Hey Kyle , I am one of your subscribers and I love your tutorials , one thing though the link for the API has been changed and I am not able to follow this tutorial if only you could just comment what all changes you need to make for the new link.
Thanks for the video 👍. A bit of constructive criticism... Its tough understand the concepts while also keeping up in my editor at the pace you talk and switch files/sections. I'll be back for more tips!
Very good video for beginners even korean can hear you.
Amazing video Kyle. Thank you very much. I have a question though. The rates only change when the base currency changes, why do we need to make an API request when the sub currency changes as well?
you really make it simple ...do more react video
Thank you Kyle for amazing video!! I was wondering where you get all of your api from?
Explanation was excellent..!!
thanks man this video helped me in my job
This kind of small project is very useful to understand language/Library fundamentals.. 👍
Kyle its give me an error..cannot read property 'AED' of undefined..
how can i resolve it?
please help
Thank you so much, please do a lotta react js apps
Unhandled Rejection (TypeError): Cannot convert undefined or null to object
Excellent tutorial. Thanks
I'm getiing this error
Line 15:39: 'data' is not defined no-undef
On this section: setCurrencyOptions([data.base, ...Object.keys(data.rates)]) (app.js; line:15)
Thank you for your good explanation!
please do some modification code is not working, I do all as you do but still, it's showing error.
finally, I copy all code from your repo but still, it's not working.
I got an error while fetching, the api is asking for a key. don't have one 😕
error: Object { code: 101, type: "missing_access_key", info: "You have not supplied an API Access Key. [Required format: access_key=YOUR_ACCESS_KEY]" }
HI. You must register to get an API key, then set it as parte of URL base. The doc indicates how to do it.
Thank you! It was really difficult to me, I did it in type script. And I had some trouble with the (api), I used Belarus API....But I won this task! Thank you from Belarus! I like your lessons!!!! Good luck!!!!
can i get the url for the belarus api mate?
Thank you very well explained
Great lesson! Thanks a lot!
Realy love it brother..Thanksss a lot..
You are a living legend m8
hey kyle, awesome video as usual! learned a lot from this tutorial but a bit overwhelmed at the same time. got one question though, as i was following the code with you, near the end of the tutorial i got this error which says "Warning: Received NaN for the `value` attribute. If this is expected, cast the value to a string."
so i thought i did something wrong. but the program was working as expected. last thing i did to check was copy the entire code from github and tried it out but still having the same error. I'm baffled cause the program works but this error shows. any insight on this? thanks a lot and keep it up!
change the line 'toAmount = amount * exchangeRate;' to 'toAmount = amount * exchangeRate || 0;'
Hello, thank you for the amazing tutorial. But when I apply all of this, at the end I got an error : "Unhandled Rejection (TypeError): Cannot read property 'AED' of undefined
" the currency type of AED cannot be read. I couldn't find the solution. A help is much appreciated !! Thanks.
I just figured this out, on the 2nd useEffect change: fetch(`${BASE_URL}?base=${fromCurrency}&symbols=${toCurrency}`) to fetch(`${BASE_URL}&base=${fromCurrency}&symbols=${toCurrency}`) Because the API requires a KEY now, the URL already has the ? in the string, therefore when we added it in the fetch it gives an error. Changing the ? to & fixes the issue.
Jason allmann thank you!
@@jasoneugene7697 Hi Jason, Thanks for your help. I´ve done that and that´s fixed but now there is an error when i choose another currency than euro in fromCurrency. how can i fix that?
@@carlosfedericovazquez9113 unfortunately you have to have a paid subscription for the api to change the base currency.
@@jasoneugene7697 Ahhh, ok. Thanks so much for your reply!!! Greetings from Argentina
Spelling isn't the issue. I get an error saying "Unhandled Rejection (TypeError): Cannot read properties of undefined (reading 'AED')" and the code in question is:
useEffect(() => {
if (fromCurrency != null && toCurrency != null){
fetch(`${BASE_URL}?base=${fromCurrency}&symbols=${toCurrency}`)
.then(res => res.json())
.then(data => setExchangeRate(data.rates[toCurrency]))
}
}, [fromCurrency, toCurrency])
for some reason, the conditional isn't working.
Greate tutorial! Only question where should I change decimal places with toFixed() method? Then I make this change exchangeRate const, app crashes.
how does the input box get those increament buttons on right side?
Thank you!
Apparently the exchange rates API now requires an API key, I keep getting "You have not supplied an API Access Key. [Required format: access_key=YOUR_ACCESS_KEY]".
Thanks. I know it is going to be a great video!!
I am getting following warnigns
1)index.js:1 Warning: Received NaN for the `value` attribute. If this is expected, cast the value to a string.
2)react-dom.development.js:1383 The specified value "NaN" cannot be parsed, or is out of range.
3)Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0
Q : I have some lines of codes in my controller that i want to externalize to use as well for other controllers, should i create a file in a new folder called middlewares and then require that file to call the function inside my controllers ? thanks !
Thanks for the video, it's just cool!
Try this: Went through the video 3 x , 1st time Followed him through it and made it , 2nd time I watched it and took notes and tried to make it from the notes only, 3rd time make it without any notes from memory 👍
does this help you learn better?
Thanks Kyle!
Was it necessary to use another useEffect?
Thank you, great tutorial
Please, make* more React videos, thank you so much!!
I plan to. If you have any project ideas let me know.
@@WebDevSimplified how about a simple social network, it may turn into a series of videos. Should be useful :)
I generally don't like to make long series of videos so I would probably stay away from a large project like this.
@@WebDevSimplified Build a movie search app using React (with hooks)
@@WebDevSimplified Maybe a 'Home budget App' where you input revenue and spending. App also sums everything and save all in local storage...or generate some summary at the end of the month? It can be fun and useful :)
Do you video class for detection face (photo) inteligement in react native code? Type, smile or try? With aprovatiom of signup?
Hello, I finished the video and whenever I change the fromCurrency, it does not change the values and the exchange rate remains the same for EUR rate. It works completely fine, however, when I change the toCurrency to a different currency.
Why when I map through all the currencies, instead of them displaying one by one in the select , they all get joined together? Helpp
You have missed spread operator in useEffect -> setCurrencyOptions([...Object.keys(data.rates)])
Hi kyle im getting . Cannot read property 'map' of undefined error. In the middle of the tutorial and i wrote the same code without any difference. So im Waiting your answer and thanks :)
amazing video. thank you so much.
Amazing video bro👍👍.
How come when I expand the rates property of the object, it re-arranges to alphabetical in the console? But when I map it to the select, it's still how it was originally
could you plz explain the fetch in last part a bit, or if there's a video detailing the use of those symbols
you can check it on the API (exchange rate IO)
Hello, can someone tell me please where I can use toFixed() ?
I get an error No 'Access-Control-Allow-Origin' header is present on the requested resource.
Hi! I tried to repeate this work, but I have mistake:"Variables fromAmount, toAmount are used before being assigned"
Thanks Thanks Thanks a lot for this project
hello i have encoutered this problem: Received NaN for the `value` attribute. If this is expected, cast the value to a string.
I need the help
Great job keep going on
Instead of "props" parameter and destructuring in CurrencyRow.js, you can directly use {CurrencyOptions} as parameter.
i tried this and got an error
How many hours does it takes for you to research and make a video over it? Seems a lot of work
Depends on the video, but something like this probably takes around 5 hours to produce.
would love to see also vue
I Love U....
How to resolve the error:
Recieved NaN for the value attribute for input in CurrencyRow... Also the amount isn't getting updated when changing the currency. please help
Another awesome tutorial Kyle! But I could use some help here. 😅
I didn't get the logic behind the following state settings, and its implications ahead:
const [amount, setAmount] = useState(1);
const [amountInFromCurrency, setAmountInFromCurrency] = useState(true);
Why did you set the default of the first state to 1 and the second to true?
Why the function to handle the amount change uses setAmountInFromCurrency as referential variable to allow the conversion from the second select field?
Has this changed? It is with a API key now
I follow the video. it show error "missing_access_key " . if somebody know if we need put the API Key in the react app somewhere.
you need to get an access key by signing up to the exchangerates api and then you can use this api key in url read its documentation you'll get the idea of it
p.s. - signing up is free of cost so no worries
from where to get api
Can you please do the same for Vuejs?
i get an error when i try to change the base currency, apparently i need a paid subscription to change the base currency
You make it look so easy! how!?
It shows me this error.
Unhandled Rejection (TypeError): Cannot read property 'AED' of undefined
Hey man just Change "?base" to "&base" this will make the error go cuz they changed the way u request the base in the API
hope this helps u ;D
@@oOLorakOo did this and still getting the same error
@@Michael-oh2py I changed the fetch request to fetch(`${BASE_URL}&from=${fromCurrency}&to=${toCurrency}`) in order to work
Hi, Kyle, can you make a video about the virtual DOM? Thanks!
Thanks, Kyle
Hello, I think an API Key is required now on exchangeratesapi.io. Is this something you can help me with? In the video the API Key is not mentioned or required...
Yeah it do require
How did you made your intro?