퀴즈/ 설문조사 답변 저장 및 사용 함수

const handleAnwerSelection = (questionId, selectedOption) => { setAnswers((prevAnswers)=>[ ...prevAnswers, {questionId, selectedOption}, ]); };

 

이 함수: 일반적으로 사용자가 퀴즈나 설문조사와 같은 질문에 대답할 때 호출되어 선택된 답변을 추적하고 저장하는 데 사용될 수 있습니다.

기존의 answers 배열을 복사한 후, 새로운 객체를 배열에 추가하는 방식으로 업데이트가 이루어집니다. 이를 위해 전개 연산자(...)를 사용하여 기존의 prevAnswers 배열을 펼쳐 넣고, {questionId, selectedOption}라는 새로운 객체를 배열에 추가합니다.

즉, handleAnswerSelection 함수는 현재 선택된 질문의 ID와 선택된 옵션을 answers 배열에 추가하여 상태를 업데이트합니다.