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

问题描述

我想知道我是否应该重新设置状态，并且在重新设置状态之后，我将运行一个函数。发生的事情是我已经两次单击按钮，所以我们可以重置状态。真的很奇怪我尝试使用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>
            </>
        )
    }

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）