Pessoal, o codigo abaixo deveria me retornar a conversão das moedas, mas está retornando NaN.
sei que tem a ver com problema de conversão de tipo de dados, mas não consigo resolver. alguém me ajuda?
import React, { Component} from 'react'
import './Conversor'
export default class Conversor extends Component {
constructor(props){
super(props);
this.state = {
moedaA_valor: "",
moedaB_valor: 0,
}
this.converter = this.converter.bind(this);
}
converter() {
let de_para = `${this.props.moedaA}_${this.props.moedaB}`;
let url = `https://free.currconv.com/api/v7/convert?q=${de_para}&compact=ultra&apiKey=2c97f38ccbac6a7e3a00`
fetch(url)
.then(res=>{
return res.json();
})
.then(json =>{
let cotacao = json[de_para].val;
let moedaB_valor = (parseFloat(this.state.modeA_valor) * cotacao).toFixed(2)
this.setState({ moedaB_valor })
})
}
render (){
return (
<div className="conversor">
<h2>{this.props.moedaA} para {this.props.moedaB}</h2>
<input type="text" onChange={(event)=>{this.setState({moedaA_valor:event.target.value})}}></input>
<input type="button" value="Converter" onClick= {this.converter}></input>
<h2>{this.state.moedaB_valor}</h2>
</div>
)
}
}