useEffect:
在做一个做题小程序时,需要将题号变更与题目练习在一起,所以用到了这一钩子
const [currentAnswer, setCurrentAnswer] = useState<String>();
const [currentQuestion, setCurrentQuestion] = useState(questions[0]);
useEffect(() => {
setCurrentQuestion(questions[current - 1]);
setCurrentAnswer(answerList[current - 1]);
}), [current];
这里利用了useEffect监听的作用,当current作为当前题目题号发生变化时,setCurrentQuestion作为题目内容也会发生变化,同时setCurrentAnswer需要收集当前题目答案用作最后的答案分析。
前端小程序开发顺序:
先开发页面、再开发样式,最后开发逻辑