rlaqud9k6721

<p>아 true로 바꾸니까 메인화면으로 리턴되는 현상이 사라졌습니다. 감사합니다</p>

선생님 로긘해서 Favorite컴포넌트를 확인하려하면 메인화면으로 리턴됩니다 ㅠㅠ

<p>혹시몰라서 로그내용도 첨부해봅니다.</p>
<p>마지막 로그두개가 의심스럽네용<img src="https://cdn.inflearn.com/public/comments/f475d38d-382a-41df-bf51-8a91be94f9d9/로그.PNG" title="로그.PNG" width="890" height="716" alt="" /></p>

<p>ㅠㅠㅠ 선생님의 말씀에 힘입어 해결하였습니다.</p>
<p>에러 원인이 두가지 있었습니다.</p>
<p>그런데 선생님 코드에서는 setMovies에서[response.result]로 넣어주셨는데 이중배열이 아니라 그냥 배열로 사용되었는데</p>
<p>어떻게된걸까용??</p>
<div style="box-sizing: inherit; color: #d4d4d4; font-family: Consolas, 'Courier New', monospace; font-size: 14px; white-space: pre;">
<div style="background-color: #1e1e1e; line-height: 19px;">
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #569cd6;">function</span>&nbsp;<span style="color: #dcdcaa;">hookFunction</span>(<span style="color: #9cdcfe;">Movies</span>, <span style="color: #9cdcfe;">MainMovieImage</span>){//response.result를 받고 다시 Movies.result호출 <-에러 1</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #dcdcaa;">setMovies</span>([<span style="color: #9cdcfe;">Movies.result</span>])//[<span style="color: #9cdcfe;">Movies</span>]를 넣어주면 이중배열 <span style="color: #dcdcaa;">setMovies</span>(<span style="color: #9cdcfe;">Movies</span>)코드로 수정후 해결 <-에러 2</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #dcdcaa;">setMainMovieImage</span>(<span style="color: #9cdcfe;">MainMovieImage</span>)</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #6a9955;">//&nbsp;setMainMovieImage(response.results[0])</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">console</span>.<span style="color: #dcdcaa;">log</span>(<span style="color: #ce9178;">`Movies->&nbsp;&nbsp;&nbsp;</span><span style="color: #569cd6;">${</span><span style="color: #9cdcfe;">Movies</span><span style="color: #569cd6;">}</span><span style="color: #ce9178;">`</span>,&nbsp;<span style="color: #ce9178;">`MainMovieImage->&nbsp;&nbsp;</span><span style="color: #569cd6;">${</span><span style="color: #9cdcfe;">MainMovieImage</span><span style="color: #569cd6;">}</span><span style="color: #ce9178;">`</span>);</div>
<div>&nbsp;&nbsp;&nbsp;}</div>
<div></div>
</div>
</div>

선생님... Movies가 불러지지가 않습니다 ㅠㅠ 어케된걸까요

<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;"><span style="color: #9cdcfe;">console</span>.<span style="color: #dcdcaa;">log</span>(<span style="color: #ce9178;">`movie->>></span><span style="color: #569cd6;">${</span><span style="color: #9cdcfe;">movie</span><span style="color: #569cd6;">}</span><span style="color: #ce9178;">`</span>,&nbsp;<span style="color: #ce9178;">`Movies=>>>></span><span style="color: #569cd6;">${</span><span style="color: #51b6c4;">Movies</span><span style="color: #569cd6;">}</span><span style="color: #ce9178;">`</span>);</div>
<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;">결과값 movie->>>undefined Movies=>>>></div>
<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;">
<div style="line-height: 19px;"><span style="color: #9cdcfe;">console</span>.<span style="color: #dcdcaa;">log</span>(<span style="color: #ce9178;">`movie->>></span><span style="color: #569cd6;">${</span><span style="color: #9cdcfe;">movie</span><span style="color: #569cd6;">}</span><span style="color: #ce9178;">`</span>,&nbsp;<span style="color: #ce9178;">`Movies=>>>></span><span style="color: #569cd6;">${</span><span style="color: #51b6c4;">Movies</span>&nbsp;!=&nbsp;<span style="color: #569cd6;">null</span><span style="color: #569cd6;">}</span><span style="color: #ce9178;">`</span>);</div>
</div>
<div style="background-color: #1e1e1e; line-height: 19px;"><span style="color: #d4d4d4; font-family: Consolas, 'Courier New', monospace; font-size: 14px; white-space: pre;">결과값 </span><span style="color: #d4d4d4; font-family: Consolas, Courier New, monospace;"><span style="font-size: 14px; white-space: pre;">movie->>>undefined Movies=>>>>true</span></span></div>
<div style="background-color: #1e1e1e; line-height: 19px;">
<div style="color: #d4d4d4; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;">
<div style="line-height: 19px;"><span style="color: #9cdcfe;">console</span>.<span style="color: #dcdcaa;">log</span>(<span style="color: #ce9178;">`movie->>></span><span style="color: #569cd6;">${</span><span style="color: #9cdcfe;">movie</span><span style="color: #569cd6;">}</span><span style="color: #ce9178;">`</span>,&nbsp;<span style="color: #ce9178;">`Movies=>>>></span><span style="color: #569cd6;">${</span><span style="color: #51b6c4;">Movies</span>&nbsp;!=&nbsp;<span style="color: #569cd6;">undefined</span><span style="color: #569cd6;">}</span><span style="color: #ce9178;">`</span>);</div>
</div>
<div style="line-height: 19px;"><span style="color: #d4d4d4; font-family: Consolas, 'Courier New', monospace; font-size: 14px; white-space: pre;">결과값 </span><span style="color: #d4d4d4; font-family: Consolas, Courier New, monospace;"><span style="font-size: 14px; white-space: pre;">movie->>>undefined Movies=>>>>true</span></span></div>
<div style="line-height: 19px;"></div>
<div style="line-height: 19px;"></div>
<div style="line-height: 19px;"></div>
<div style="line-height: 19px;"><span style="color: #d4d4d4; font-family: Consolas, Courier New, monospace;"><span style="font-size: 14px; white-space: pre;">Movies값 자체가 undefined가 나옵니다.</span></span></div>
<div style="line-height: 19px;"><span style="color: #d4d4d4; font-family: Consolas, Courier New, monospace;"><span style="font-size: 14px; white-space: pre;">Movies값이 비어있다고생각했는데 undefined였던것같습니다.</span></span></div>
<div style="line-height: 19px;"><span style="color: #d4d4d4; font-family: Consolas, Courier New, monospace;"><span style="font-size: 14px; white-space: pre;">첫번째 consol.log에서Movies값이 비어있어서 착각했었네요.</span></span></div>
<div style="line-height: 19px;"></div>
<div style="line-height: 19px;"><span style="color: #d4d4d4; font-family: Consolas, Courier New, monospace;"><span style="font-size: 14px; white-space: pre;"></span></span></div>
</div>
<div style="background-color: #1e1e1e; line-height: 19px;"><span style="color: #d4d4d4; font-family: Consolas, Courier New, monospace;"><span style="font-size: 14px; white-space: pre;"></span></span></div>

<p>해결했습니다 useEffect 내부에서 선언하면 에러의 원인이 되는거같네요 따로 setState를 위한 function생성후 생성한 function을 useEffect내부에 선언하니 해결되었습니다</p>
<p>다른분들도 비슷한 에러가 날수도 있으니&nbsp;</p>
<p>react공식문서 주소와 참고내용을 첨부하겠습니다.</p>
<p></p>
<h2 id="rules-of-hooks" style="margin: 0px; padding: 0px; box-sizing: inherit; line-height: 1.2; font-size: 35px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;">Hook 사용 규칙</h2>
<p style="margin: 30px 0px 0px; padding: 0px; box-sizing: inherit; font-size: 17px; line-height: 1.7; max-width: 42em; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;">Hook은 그냥 JavaScript 함수이지만, 두 가지 규칙을 준수해야 합니다.</p>
<ul style="margin: 20px 0px 0px; padding: 0px 0px 0px 20px; box-sizing: inherit; list-style-position: initial; list-style-image: initial; color: #1a1a1a; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;">
<li style="margin: 10px 0px 0px; padding: 0px; box-sizing: inherit;"><span style="margin: 0px; padding: 0px; box-sizing: inherit; font-weight: bolder;">최상위(at the top level)</span>에서만 Hook을 호출해야 합니다. 반복문, 조건문, 중첩된 함수 내에서 Hook을 실행하지 마세요.</li>
<li style="margin: 10px 0px 0px; padding: 0px; box-sizing: inherit;"><span style="margin: 0px; padding: 0px; box-sizing: inherit; font-weight: bolder;">React 함수 컴포넌트</span>&nbsp;내에서만 Hook을 호출해야 합니다. 일반 JavaScript 함수에서는 Hook을 호출해서는 안 됩니다. (Hook을 호출할 수 있는 곳이 딱 한 군데 더 있습니다. 바로 직접 작성한 custom Hook 내입니다. 이것에 대해서는 나중에 알아보겠습니다.)</li>
</ul>
<p><a href="https://ko.reactjs.org/docs/hooks-overview.html" target="_blank" rel="noopener noreferrer">https://ko.reactjs.org/docs/hooks-overview.html</a></p>

안녕하세요 setStatement관련해서 질문드립니다

<p>아 마지막줄에 감싸줘야하는거군요 감사합니다</p>
<p>이제 제대로 돌아가는 페이지를 보니 가슴이 웅장해지네요 ㅠㅠ</p>

리다이렉트 오류가납니다 ㅠㅠ

backend 쪽의 nodemon scripts

<p>아 ㅋㅋㅋㅋㅋㅋ 이것때문에 한시간정도 헤맸네요 감사합니다</p>

rlaqud9k6721

投稿