2025-02-18T06:49:17.278Z

0

답변 감사합니다 계속해서 강의 들어보고 공유해 주신 코드 참고하겠습니다 공유해 주셔서 감사합니다!

0

async/await is not yet supported in Client Components, only Server Components. This error is often caused by accidentally adding 'use client' to a module that was originally written for the server.

이런 오류는 안 나오셨나요?

0

혹시 컴포넌트에서 async/await를 바로 호출하셨나요 ?? 저는 저런오류는 나지않았습니다 !

0

surveyState.js를 생성하고 이걸

useCurrentQuestion.js에서 호출하여 사용하는 것이 아닐까요?

useCurrentQuestion.js 코드입니다... ㅠㅠ

import { useAtomValue } from 'jotai';

import surveyState from '../stores/survey/surveyState';
import useStep from './useStep';

function useCurrentQuestion() {
  const step = useStep();
  const surveyData = useAtomValue(surveyState);
  const question = surveyData?.questions || [];

  return question[step];
}

export default useCurrentQuestion;

1

아하 추후에 변경되는 부분이있어서 surveyState.js

value로 읽어오지 않았습니다

하단의 코드로 useCurrentQuestion.js수정해주세요 !

import { useAtom } from 'jotai';

const [serveyData] = useAtom(surveyState);

완성된 코드도 같ㅇ이 드릴게요

import { useAtom } from 'jotai';

//import { useEffect } from 'react';
import surveyState from '../components/stores/survey/surveyState';
import useStep from './useStep';
//mport useServeyId from './useSurveyId';
function useCurrentQuestion() {
  const step = useStep(); // 스텝과정을 커스텀훅으로 만들어서 가져왔음
  // const questions = useAtomValue(surveyState).questions; //조타이를 사용해서 공통으로 사용되는 값들을 atom에 옮겼고요 그걸 가져왔어요,
  //그리고 이걸 hook으로 만들었습니다.
  //const surveyId = useServeyId();
  //const [serveyData, setServeyData] = useAtom(surveyState);
  const [serveyData] = useAtom(surveyState);
  const questions = serveyData?.questions || []; //초기엔 serveyData여기가 빈배열일것임 그래서 빈배열을 셋팅해주고 아래의 api에서 값을 셋팅해준이후엔 화면에 그려지게됨

  /* useEffect(() => {
    // 1.퀘스쳔박스에서 내려줄데이터를 여기 hook에서 관장하고있기 때문에 이쪽에서api를 호출해줌
    2. 그러나 store에서 api를 받아주기로 변경함으로써 해당 코드는 옮겨진다
    axios.get(`http://localhost:3001/surveys/${surveyId}`).then(
      (res) => {
        setServeyData(res.data);
      },
      [surveyId, setServeyData],
    );
  });*/

  return questions[step];
}

export default useCurrentQuestion;

1

감사합니다 오류 해결됐습니다 ㅠㅠ

덕분에 해결하였습니다 감사합니다!!

2025-04-24T06:47:13.502Z

2025-02-17T09:15:52.949Z

0

안녕하세요 답변 감사합니다!

surveyState.js 작성에서 계속 막혀있는 상태입니다 ㅠㅠ
아래는 제가 작성해 본 코드예요

import axios from 'axios';
import { atom } from 'jotai';

const surveyState = atom(async () => {
  const res = await axios.get(
    `http://localhost:3001/surveys/${window.location.pathname.split('/')[2]}`,
  );

  console.log(res.data);

  return res.data;
});

export default surveyState;