如何计算react钩子中状态更改的百分比

import React, { useState } from 'react';

function MyComponent() {
  const [count, setCount] = useState(0);

  // 其他组件代码...

  return (
    <div>
      <p>Count: {count}</p>
      <button onClick={() => setCount(count + 1)}>Increment</button>
    </div>
  );
}

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

function MyComponent() {
  const [count, setCount] = useState(0);
  const [percentage, setPercentage] = useState(0);

  useEffect(() => {
    const calculatePercentage = () => {
      const maxCount = 100; // 假设最大值为100
      const currentPercentage = (count / maxCount) * 100;
      setPercentage(currentPercentage);
    };

    calculatePercentage();
  }, [count]);

  // 其他组件代码...

  return (
    <div>
      <p>Count: {count}</p>
      <p>Percentage: {percentage}%</p>
      <button onClick={() => setCount(count + 1)}>Increment</button>
    </div>
  );
}