Showing
1 changed file
with
11 additions
and
0 deletions
... | @@ -56,3 +56,14 @@ React Hook "useQuery" is called in function "onSubmit" which is neither a React | ... | @@ -56,3 +56,14 @@ React Hook "useQuery" is called in function "onSubmit" which is neither a React |
56 | react Hook 을 리액트 함수 컴포넌트나 리액트 훅이 아닌 다른 함수 내에서 사용하게 될때 | 56 | react Hook 을 리액트 함수 컴포넌트나 리액트 훅이 아닌 다른 함수 내에서 사용하게 될때 |
57 | 발생하는 오류이다. | 57 | 발생하는 오류이다. |
58 | 리액트 훅은 반드시 리액트로 만든 함수 컴포넌트 내부나 혹은 개발자가 직접 제작한 리액트 훅 내부에서만 사용가능하다. | 58 | 리액트 훅은 반드시 리액트로 만든 함수 컴포넌트 내부나 혹은 개발자가 직접 제작한 리액트 훅 내부에서만 사용가능하다. |
59 | + | ||
60 | +- 4. React Hook 의 랜더링 순서 | ||
61 | + | ||
62 | +Rendered more hooks than during the previous render | ||
63 | + | ||
64 | +이런 오류가 뜨는 경우, 리액트 훅이 랜더링 되는 시기에 undefined 혹은 null 인 데이터가 랜더링 되었기 때문에 발생한다. | ||
65 | +React Hook 을 사용할 때는 몇가지 규칙이 있다. | ||
66 | +(참고 : https://reactjs.org/docs/hooks-rules.html#only-call-hooks-at-the-top-level) | ||
67 | + | ||
68 | +가장 기본적으로 hook 은 어떤 조건문 이나, 반복문 등 에서 사용되선 안된다. | ||
69 | +어떤 함수 내부적으로 소속된 형식에서 hook 을 쓰는 것이 아닌 hook 은 항상 top-level 에 존재해야한다. | ||
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
-
Please register or login to post a comment