如何在reactjs的输入字段中使用逗号分隔符？

import React, { useState } from 'react';

function InputWithCommaSeparator() {
  const [inputValue, setInputValue] = useState('');

  const handleInputChange = (event) => {
    const value = event.target.value;
    const formattedValue = value.split(',').join(', '); // 使用逗号分隔符拆分并重新组合字符串
    setInputValue(formattedValue);
  };

  const handleInputBlur = () => {
    const formattedValue = inputValue.split(', ').join(','); // 移除逗号后的空格
    setInputValue(formattedValue);
  };

  return (
    <input
      type="text"
      value={inputValue}
      onChange={handleInputChange}
      onBlur={handleInputBlur}
    />
  );
}

export default InputWithCommaSeparator;