input判断是否自动填充

  useEffect(() => {
        setTimeout(() => {
            const ele1 = document.querySelector('#Input1')
            const ele2 = document.querySelector(':-webkit-autofill')
            if (ele1 === ele2) {
              setIsAutoFill(true)
            }
          }, 1000);
    }, [])
    useEffect(() => {
        if(isAutoFill) {
            setIsFocus(true);
        }
    }, [isAutoFill])

<input type='text' id='Input1' autocomplete='off'/>

现在有一个输入框，用户输入后每次进入都会自动填充，但是由于浏览器安全机制的影响，无法获取到自动填充的值，因此只能通过判断伪类-webkit-autofill的值与当前元素的值相同，来判断浏览器是否自动填充了数据