当用户在<input />上键入值时，我想切换焦点。
但我的问题是，当我在refOne上键入value时，checkFocus函数上的codeOne为空，如果我尝试使用setTimeout。
奇怪的是console.log('render codeOne', codeOne)有值，但函数内部的codeOne是空的。

的数据
怎么修？

import React, { useState, ChangeEvent, useRef, useEffect } from 'react';

function ModalPhoneBox() => {
    const refOne = useRef<HTMLInputElement>(null);
    const refTwo = useRef<HTMLInputElement>(null);
    const refThree = useRef<HTMLInputElement>(null);

    const [codeData, setCodeData] = useState<FormInputType>({
      codeOne: '',
      codeTwo: '',
      codeThree: '',
    });

    const { codeOne, codeTwo, codeThre } = codeData;

    const checkFocus = () => {
        console.log('checkFocus');
        setTimeout(() => {
            if (
                refOne.current != null &&
                refTwo.current != null &&
                refThree.current != null &&
                refFour.current != null
            ) {
                console.log('0');
                console.log('codeOne', codeOne);
                if (codeOne && codeTwo === '') {
                    console.log('1');
                    refTwo.current.focus();
                }

                if (codeOne && codeTwo && codeThree === '') {
                    console.log('2');
                    refThree.current.focus();
                }
            }
        }, 1000);
    };

    console.log('render codeOne', codeOne);

    return (
                        <div className={styles.inputGroup}>
                        <div className={styles.inputBox}>
                            <input
                                ref={refOne}
                                maxLength={1}
                                onChange={(v: ChangeEvent<{ value: string }>) => {
                                    setCodeData({ ...codeData, codeOne: v.target.value });
                                    checkFocus();
                                }}
                                type="text"
                                placeholder={''}
                            />
                        </div>
                        <div className={styles.inputBox}>
                            <input
                                ref={refTwo}
                                maxLength={1}
                                onChange={(v: ChangeEvent<{ value: string }>) => {
                                    setCodeData({ ...codeData, codeTwo: v.target.value });
                                    checkFocus();
                                }}
                                type="text"
                                placeholder={''}
                            />
                        </div>
                        <div className={styles.inputBox}>
                            <input
                                ref={refThree}
                                maxLength={1}
                                onChange={(v: ChangeEvent<{ value: string }>) =>
                                    setCodeData({ ...codeData, codeThree: v.target.value })
                                }
                                type="text"
                                placeholder={''}
                            />
                        </div>
                    </div>
    );

export default ModalPhoneBox;

字符串