如何将价格从英镑转换为比特币？

Question

我希望将价格从英镑转换为比特币，我正在使用Bitcoin conversion 来实现。使用以下代码，我可以在控制台中记录比特币价格，但如何在 Next.JS 应用程序的页面上显示结果。

感谢收看！

import { fiatToBitcoin } from 'bitcoin-conversion';
import React, { useState } from 'react'

export async function getBitcoinPrice(price) {
  const paymentInBtcFromGbp = await fiatToBitcoin(price, 'GBP') 
  return paymentInBtcFromGbp
}

export default function ProductPageContent({ product }) {
  const gdp = product.variants.edges[0].node.priceV2.amount
  const [Bitcoin, setBitcoin] = useState()

  getBitcoinPrice(gdp).then(data => {
    setBitcoin(data)
  });

  return (
    <div>
      {console.log(String(Bitcoin))}
      <p>Send {String(Bitcoin)} BTC to</p>
    </div>
  )
}

Answer 1

现在，getBitcoinPrice(gdp).then(...) 正在组件的每个渲染上运行。

像这样将该代码放入useEffect 挂钩中。

import { fiatToBitcoin } from 'bitcoin-conversion';
import React, { useState, useEffect } from 'react'

export async function getBitcoinPrice(price) {
  const paymentInBtcFromGbp = await fiatToBitcoin(price, 'GBP') 
  return paymentInBtcFromGbp
}

export default function ProductPageContent({ product }) {
  const gdp = product.variants.edges[0].node.priceV2.amount
  const [Bitcoin, setBitcoin] = useState()

  useEffect(() => {
    getBitcoinPrice(gdp).then(data => {
      setBitcoin(data);
      console.log(String(Bitcoin));
    });
  }, [gdp]);

  

  return (
    <div>
      <p>Send {String(Bitcoin)} BTC to</p>
    </div>
  )
}