인프런 커뮤니티 질문&답변

안녕하세요. 유익한 강의 감사합니다.

const useCurrentAnswer = () => {

  const step = useStep();

  const [answers, setAnswers] = useRecoilState(answersState);



  const answer = answers[step];

  const setAnswer = (newAnswer) => {

    setAnswers((answers) => {

      // 새로운 답변 렌더링 (answers 는 그냥 변수명 )

      const newAnswers = [...answers]; // 기존 답변목록을 복붙함 (불변성의 법칙을 지켜라 / 기존 데이터는 건들지마..)

      newAnswers[step] = newAnswer; // 새로 작성한 답변을 복붙한 배열에 넣어줌

      return newAnswers; // 새로운 답변 목록 반환

    });

  };

  return [answer, setAnswer];

};

에서

answer  - String / 답변

answers - String[] / 답변 목록  

setAnswer  - answer를 렌더링해주기위한 함수 / setAnswer(param) { answer = param }

setAnswers - answers를 렌더링해주기위한 함수 / setAnswers(param) { answers = param }

로 이해되는데 그렇다면 setAnswers에 함수가 들어가도 괜찮은건지 궁금합니다.

setAnswers((answers) => {

  const newAnswers = [...answers];

  newAnswers[step] = newAnswer;

  return newAnswers;

});

는 setAnswers(화살표함수) { answers = 화살표함수} 이고

answers는 화살표함수가 되는게 아닌가요?

answers는 함수가 되어 입력된값을 리턴해서 바로 answers에 할당되는건가요?

아니면

setAnswers에서 함수가 실행되어 리턴된 값이 answers에 할당되는 건가요??