<div id="readability-page-1" class="page"><div><ol>
<li>custom hooks를 만들때 return 값 없어도 됨</li>
<li>useEffect는 앞에 render관련 조건문이 없어야함. 예를들어</li>
</ol>
<pre><code>export function Example() {
 if(someCondition) {
 return &lt;SomeComponent /&gt;
 }

 useEffect(() =&gt; {
 // something
 },[])

 return &lt;div&gt;Example component&lt;/div&gt;
}</code></pre>
이렇게 될 경우 에러가 뜨는데,
<pre><code>export function Example() {
 useEffect(() =&gt; {
 // something
 },[])
 
 if(someCondition) {
 return &lt;SomeComponent /&gt;
 }

 return &lt;div&gt;Example component&lt;/div&gt;
}</code></pre>
요렇게 하면 해결된다.</div></div>

whis

custom hooks를 만들때 return 값 없어도 됨
useEffect는 앞에 render관련 조건문이 없어야함. 예를들어 
export function Example() {
 if(someCondition) {
 return <SomeComponent />
 }
 useEffect(() => {
 // something
 },[])
 return <div>Example component</div>
}
이렇게 될 경우 에러가 뜨는데,
export function Example() {
 useEffect(() => {
 // something
 },[])
 if(someCondition) {
 return <SomeComponent />
 }
 return <div>Example component</div>
}
요렇게 하면 해결된다.

[알쓸신잡] 3. React hooks에 대한 짜잘한 팁(계속 추가될 듯)

댓글