whquddn554533

<p>setState함수가 비동기적으로 작동하고, 동작속도가 느려서 setImage로 image를 set시켜주기 전에 props.refresh~~함수가 동작되버려요.</p>
<p>그래서 그렇게 하신거 같은데 setState로 state변경하고, 바로 그 변경된 state를 쓰고 싶을때는 useEffect를 이용해서 쓰는 방법도 있어요.</p>
<p></p>
<p>그래서 저 같은 경우는</p>
<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: #dcdcaa;">setImages</span>([...<span style="color: #4fc1ff;">images</span>,&nbsp;<span style="color: #9cdcfe;">response</span>.<span style="color: #9cdcfe;">data</span>.<span style="color: #9cdcfe;">filePath</span>]);</div>
<p>dropHandler에서 이렇게 Image의 state를 변경시켜주고,</p>
<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;">
<div><span style="color: #dcdcaa;">useEffect</span>(()&nbsp;<span style="color: #569cd6;">=></span>&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">props</span>.<span style="color: #dcdcaa;">refreshFunction</span>(<span style="color: #4fc1ff;">images</span>);</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;},&nbsp;[<span style="color: #4fc1ff;">images</span>])</div>
</div>
<p>이렇게 image의 state가 변경되는 걸 catch하게 해서 보냈습니다.</p>
<p>근데 이렇게 하면 image가 set되고 => useEffect에서 감지 => props의 function호출인데</p>
<p>강사님이 해주신 방법대로하면 set호출 => props의 function호출 => set완료 라 더 빠릅니다.</p>
<p></p>
<p>다만, 하다보니 useEffect로 해야하는 경우가 반드시 생겨서 방법은 알고 계시는게 좋을듯해요</p>
<p></p>
<p></p>

whquddn554533

Posts