从 API 获取数据并将字符串转换为数字

Question

我有两个问题。首先，当从 API 获取数据时，我只在我设置的时间间隔后才获取数据。但是，我需要立即接听第一个电话。其次，当我将接收到的数据转换为数字时，我丢失了部分数字，例如收到 11,518.6217 而我只得到 11。有人能帮帮我吗？    class Currencies extends Component {      state = {        inputField: 0,        exRates: 0,      };      componentDidMount() {        try {          setInterval(async () => {            const res = await fetch(              "https://api.coindesk.com/v1/bpi/currentprice.json"            );            const exRates = await res.json();            console.log(exRates.bpi);            this.setState({ exRates: exRates.bpi });          }, 6000);        } catch (err) {          console.log(err);        }      }      BTCChangeHandler = (event) => {        this.setState({ inputField: event.target.value });      };      render() {        const exRates = this.state.exRates;        const currData = Object.values(exRates).map((value) => value.rate);        const rates = currData.map(parseFloat);        console.log(rates);        return (          <div>            <input              type="number"              placeholder="Enter BTC value"              onChange={this.BTCChangeHandler}            />            <Currency name="USD" value={this.state.inputField * rates[0]} />            <Currency name="GPB" value={this.state.inputField * rates[1]} />            <Currency name="EUR" value={this.state.inputField * rates[2]} />          </div>        );      }    }    export default Currencies;

Answer 1

这是一个区域设置问题。Api 提供的值有一个,表示千位和一个.表示小数。您的客户可能使用相反的方式。首先，您必须将字符串转换为您的客户语言环境，然后您可以将其解析为数字。

您可以使用本文中提到的库。或者您可以创建自己的函数来切换符号。

Answer 2

您可以尝试setTimOut而不是setInterval然后返回一个在 api rest 中获取数据的承诺

Answer 3

我正在使用 setInterval，但在第一次调用时我需要立即调用它

您应该手动调用它，以及在setInterval.

let dofetch = async () => {

  const res = await fetch(

    "https://api.coindesk.com/v1/bpi/currentprice.json"

  );

  const exRates = await res.json();

  console.log(exRates.bpi);

  this.setState({ exRates: exRates.bpi });

}

setInterval(dofetch, 6000);

dofetch()

我丢失了部分数字，例如收到 11,518.6217 我只得到 11

您的字符串数字格式为,，您应该在将它们传递给parseFloat函数之前将其删除。

parseFloat('11,518.6217') // 11

parseFloat('11,518.6217'.split(',').join('')) // 11.518.6217

所以改变：

currData.map(parseFloat);

到：

currData.map(s => parseFloat(s.split(',').join('')));