React countUp.js 渲染大数字（超过一万显示单位万）

要在 React 中使用 countUp.js 渲染 330,000,000,000.00，并在超过一万时显示单位 "万"，你可以按照以下步骤进行操作：\n\n1. 首先，确保在你的项目中安装了 countUp.js。\n\nshell\nnpm install countup.js --save\n\n\n2. 创建一个新的 React 组件，例如 CountUpComponent.js。\n\njsx\nimport React, { useEffect, useRef } from 'react';\nimport CountUp from 'countup.js';\n\nconst CountUpComponent = () => {\n const countUpRef = useRef(null);\n\n useEffect(() => {\n const options = {\n separator: ',',\n decimal: '.',\n prefix: '',\n suffix: '',\n duration: 2,\n decimalPlaces: 2,\n useEasing: true,\n useGrouping: true,\n formattingFn: formatValue\n };\n\n const countUp = new CountUp(countUpRef.current, 330000000000.00, options);\n countUp.start();\n }, []);\n\n const formatValue = (value) => {\n if (value >= 10000) {\n return `${(value / 10000).toFixed(2)} 万`;\n }\n return value;\n };\n\n return <span ref={countUpRef}></span>;\n};\n\nexport default CountUpComponent;\n\n\n3. 在你的主组件中使用 CountUpComponent。\n\njsx\nimport React from 'react';\nimport CountUpComponent from './CountUpComponent';\n\nconst App = () => {\n return (\n <div>\n <CountUpComponent />\n </div>\n );\n};\n\nexport default App;\n\n\n这样就可以在 React 中使用 countUp.js 渲染 330,000,000,000.00，并在超过一万时显示单位 "万"。