在单个onclick中React钩子重置状态和运行功能

Question

我想知道我是否应该重新设置状态，并且在重新设置状态之后，我将运行一个函数。发生的事情是我已经两次单击按钮，所以我们可以重置状态。真的很奇怪我尝试使用useEffect，并且在按钮单击上有一个触发器，但是它不起作用。基本上，我想重置我的初始状态，然后在每次单击按钮后运行一个功能。任何建议都将受到欢迎。

这是我的代码：

        function checkVinsReadyToInsert() {

        if (validArr.length <= availableVinsArr.length && errorCounter <= 0) {
         setDisableButton(false);
        } else {
         setDisableButton(true);
        }
    }


    function checkVinsLength(cb) {
        for (let x = 0; x < vinsArr.length; x++) {
        if (vinsArr[x].length > 18) {
            setErrorArr(oldErrorArr => [...oldErrorArr, vinsArr[x]]);
        } else {
            setValidArr(oldValidatedArr => [...oldValidatedArr, vinsArr[x]]);
        }
        }
        return cb();
    }


    function analyze() {

        
        setErrorArr([]);
        setValidArr([]);
        setErrorCounter(0);

        checkVinsLength(ReadyToInsert);
        }


    function ImportForm() {
        const [errorArr, setErrorArr] = useState([]);
        const [validArr, setValidArr] = useState([]);
        const [errorCounter, setErrorCounter] = useState(0);
        const [vinsTextArea, setVinsTextArea] = useState('');
        const vinsArr = vins.split('\n');
        return (
            <>  
                <textarea value={vinsTextArea} onChange={setErrorCounter}/>
                <button type = 'button' onClick="analyze">analyze</button>
            </>
        )
    }