如何在React中实现API中的百分比增长数据？

import React, { useState, useEffect } from 'react';

const PercentageIncrease = () => {
  const [data, setData] = useState(null);

  useEffect(() => {
    // 发送API请求并将返回的数据存储在状态变量中
    fetch('API_URL')
      .then(response => response.json())
      .then(data => setData(data));
  }, []);

  if (!data) {
    return <div>Loading...</div>;
  }

  // 计算百分比增长数据
  const previousValue = data.previousValue;
  const currentValue = data.currentValue;
  const percentageIncrease = ((currentValue - previousValue) / previousValue) * 100;

  return (
    <div>
      <p>Previous Value: {previousValue}</p>
      <p>Current Value: {currentValue}</p>
      <p>Percentage Increase: {percentageIncrease.toFixed(2)}%</p>
    </div>
  );
};

export default PercentageIncrease;