import React from "react"; import { useState } from "react"; import { useEffect } from "react"; import axios from "axios"; const DataFetch = () => { const [coinData, setCoinData] = useState([]); useEffect(() => { async function FetchData() { await axios.get("https://api.hotbit.io/api/v1/allticker").then((data) => { setCoinData( data.data.ticker.sort((a, b) => a.symbol.localeCompare(b.symbol)) ); }); } FetchData(); }, []); function fetchCoin() { const coinArr = coinData.map((coin, i) => coin.base_volume); console.log(coinArr[0]); return coinArr; } return ( <table className="table-auto border-separate border border-slate-500"> <thead> <tr> <th className="border border-slate-600">Cặp</th> <th className="border border-slate-600">Giá</th> <th className="border border-slate-600">BaseVol</th> <th className="border border-slate-600">QuoteVol</th> </tr> </thead> <tbody> {coinData.map((coin, idx) => ( <tr key={idx} c> <td className="border border-slate-600">{coin.symbol}</td> <td className="border border-slate-600">{coin.buy}</td> <td className="border border-slate-600">{coin.base_volume}</td> <td className="border border-slate-600">{coin.quote_volume}</td> </tr> ))} </tbody> </table> ); };

exportar DataFetch predeterminado; Tengo una pregunta. (perdón por mi gramática porque soy vietnamita)

Creé un proyecto de reacción para crear una tabla de pares de monedas, precio de monedas, volumen de monedas. Obtuve datos de esa API anterior. Mi tabla se vuelve a representar una vez que se actualizan mis datos. Por lo tanto, quiero calcular la diferencia de volumen de cada par de monedas entre dos veces consecutivas y luego convertirlo en porcentaje. Gracias por cualquier ayuda