反应尝试通过fetch()方法访问特定数据

时间:2018-11-30 16:38:38

标签: reactjs fetch-api

我有以下代码,其中使用fetch()方法访问比特币的价格。 但是我想访问特定货币的“汇率”属性,而不是全部。

class Bitcoin extends Component {
constructor() {
    super()
        this.state = { 
            bpi: {}
        }
}

componentDidMount() {
    fetch('https://api.coindesk.com/v1/bpi/currentprice/USD.json')
        .then(res => res.json())
        .then(data => {
            console.log(data);

            const { bpi } = data;
            this.setState( { bpi } )

        })
}



_renderCoin() {
    console.log(this.state.bpi);
    const { bpi } = this.state;

    return Object.keys(bpi)
        .map(coin => {
            // console.log(coin)
            return(
                <div className={styles.info} key={coin}>
                    1 BTC are {bpi[coin].rate}
                    <span className={styles.money}>{coin}</span>
                </div>

            )

        })

}

0 个答案:

没有答案