useNumberFormatter

import { useNumberFormatter } from '@hua-labs/i18n-formatters';

function Stats() {
  const { formatNumber, formatPercent, formatCompact } = useNumberFormatter();

  return (
    <div>
      <p>Users: {formatNumber(1234567)}</p>
      {/* ko: 1,234,567 | en: 1,234,567 */}

      <p>Success rate: {formatPercent(0.956)}</p>
      {/* ko: 95.6% | en: 95.6% */}

      <p>Views: {formatCompact(1500000)}</p>
      {/* ko: 150만 | en: 1.5M */}
    </div>
  );
}

formatNumber()

formatPercent()

formatCompact()

docs:i18n.use-number-formatter.examples.i18nexamplescustomoptions

import { useNumberFormatter } from '@hua-labs/i18n-formatters';

function PriceDisplay() {
  const { formatNumber, formatPercent } = useNumberFormatter();

  return (
    <div>
      {/* 소수점 자릿수 지정 */}
      <p>{formatNumber(1234.5678, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}</p>
      {/* Output: 1,234.57 */}

      {/* 퍼센트 소수점 자릿수 */}
      <p>{formatPercent(0.1234, { minimumFractionDigits: 1, maximumFractionDigits: 1 })}</p>
      {/* Output: 12.3% */}
    </div>
  );
}