如何在react native中格式化输入的数字，其中每个框有6个框的数字？

import React, { useState, useRef } from 'react';
import { View, TextInput } from 'react-native';

const NumberInput = () => {
  const [digits, setDigits] = useState(['', '', '', '', '', '']);
  const inputRefs = useRef([]);

  const handleInputChange = (text, index) => {
    const newDigits = [...digits];
    newDigits[index] = text;

    setDigits(newDigits);

    // 自动移动焦点到下一个框
    if (text.length === 1 && index < digits.length - 1) {
      inputRefs.current[index + 1].focus();
    }
  };

  return (
    <View>
      {digits.map((digit, index) => (
        <TextInput
          key={index}
          ref={ref => (inputRefs.current[index] = ref)}
          style={{ borderWidth: 1, padding: 10 }}
          keyboardType="numeric"
          maxLength={1}
          value={digit}
          onChangeText={text => handleInputChange(text, index)}
        />
      ))}
    </View>
  );
};

export default NumberInput;