react 使用countUpjs渲染33000000000000当超过一万则显示单位万

要在 React 中使用 countUp.js 渲染 330,000,000,000.00，并在超过一万时显示单位 "万"，你可以按照以下步骤进行操作：

1. 首先，确保在你的项目中安装了 countUp.js。

npm install countup.js --save

2. 创建一个新的 React 组件，例如 CountUpComponent.js。

import React, { useEffect, useRef } from 'react';
import CountUp from 'countup.js';

const CountUpComponent = () => {
  const countUpRef = useRef(null);

  useEffect(() => {
    const options = {
      separator: ',',
      decimal: '.',
      prefix: '',
      suffix: '',
      duration: 2,
      decimalPlaces: 2,
      useEasing: true,
      useGrouping: true,
      formattingFn: formatValue
    };

    const countUp = new CountUp(countUpRef.current, 330000000000.00, options);
    countUp.start();
  }, []);

  const formatValue = (value) => {
    if (value >= 10000) {
      return `${(value / 10000).toFixed(2)} 万`;
    }
    return value;
  };

  return <span ref={countUpRef}></span>;
};

export default CountUpComponent;

3. 在你的主组件中使用 CountUpComponent。

import React from 'react';
import CountUpComponent from './CountUpComponent';

const App = () => {
  return (
    <div>
      <CountUpComponent />
    </div>
  );
};

export default App;

这样就可以在 React 中使用 countUp.js 渲染 330,000,000,000.00，并在超过一万时显示单位 "万"