向react-circular progressbar中的文本属性添加分隔符

import { CircularProgressbar, buildStyles } from 'react-circular-progressbar';
import 'react-circular-progressbar/dist/styles.css';

import React from 'react';

const ProgressBarWithSeparator = ({ value, separator }) => {
  const formattedValue = value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, separator);

  return (
    <CircularProgressbar
      value={value}
      text={`${formattedValue}%`}
      styles={buildStyles({
        textSize: '20px',
        textColor: '#ffffff',
        pathColor: '#3f51b5',
        trailColor: '#d6d6d6',
      })}
    />
  );
};

export default ProgressBarWithSeparator;

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

const App = () => {
  return (
    <div>
      <ProgressBarWithSeparator value={75} separator="," />
    </div>
  );
};

export default App;