inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

따라하며 배우는 리액트 테스트 [2023.11 업데이트]

첫 페이지로 돌아갈 때 State Reset!

useMemo

284

유인

작성한 질문수 2

0

안녕하세요!

강의 잘 들었습니다 : )

이번 강의에서 궁금한 점이 있는데요~

OrderContext.js에서 resetOrderDatasuseMemo 바깥에 두셨는데 아래처럼 안에 선언해도 상관없는 건가요?

  const value = useMemo(() => {
    function updateItemCount(itemName, newItemCount, orderType) {
      // ...
    }

    const resetOrderDatas = () =>
      setOrderCounts({
        products: new Map(),
        options: new Map(),
      });

    return [{ ...orderCounts, totals }, updateItemCount, resetOrderDatas];
  }, [orderCounts, totals]);

updateItemCount의 경우는 useMemo안에 있는데 차이가 무엇인지 궁금합니다.

updateItemCount는 자주 쓰이는 함수라 그런걸까요..?

react React-Context 웹앱 jest

답변 1

0

John Ahn

안녕하세요 유인님!

제가 지금 동영상에서 어떻게 했는지 보려고 했는데 강의가 안 나와서

소스코드를 확인했는데 만들어 놓은 소스 코드에는 resetOrderData 함수를 useMemo에 넣어져 있네요

만약 강의에서 안 넣었다면 실수한 것인 거 같습니다!

resetOrderDatas 함수도 useMemo 안에 넣어서 사용해주시면 될 것 같습니다.

감사합니다!

제공해주신 코드를 vscode에서 켜도 eslint가 안됩니다.

0

281

2

ERROR

0

210

1

테스트 시간을 단축할 수 있는 방법에 대하여 문의드립니다.

0

362

1

useState 배열값 변경의 경우 테스트 멈춤

0

412

1

test was not wrapped in act관련 질문

0

291

2

안녕하세요! 로딩 상태 테스트에 관련된 질문입니다.

0

395

1

강의 관련 내용 github 업로드 질문

0

308

1

이미지가 안보인다 하셔서 다시 질문드립니다.

0

414

2

Test Fail이 발생합니다 ㅠㅠ

0

357

1

스타일 컴포넌트 테스트 방법

0

439

1

msw 에러

0

635

1

toHaveTextContent 에러

0

447

1

msw안돼는사람

0

582

1

This could be because the text is broken up by multiple elements. 에러

0

1717

2

Type.test.js파일에 궁금한점이 생겼습니다

0

352

1

28강 수강 중 JSX 작성 방법에 대해 궁금해져서 질문 남깁니다!

0

400

1

toHaveTextContent 에서 에러가 자꾸 나는데 아무리 찾아도 잘 모르겠습니다.

0

612

2

aria-*

0

441

1

This XML file does not appear to have any style information associated with it. The document tree is shown below. 에러

1

14124

1

컴포넌트 props내려줄때 코드는 어떻게 해야하나요

0

249

0

es6 jest 미지원 오류 문의

0

860

1

test 여러 개 실행 - fail 발생

0

292

1

axios 1.1.2 버전 issue ( SyntaxError: Cannot use import statement outside a module)

4

2227

5

2가지 질문사항입니다!

0

311

2