useEffect 숙제 풀이 , useEffect 관련해서 질문있습니다.

[박지원]

강사님께서는  useState(true)를 false로 바꿔주는 방식으로 setTimeout의 콜백함수를 지정하셨는데요

제가 이렇게 저렇게 해보다가

새로운 컴포넌트로

function MyAlert(){
return (
<div className="my-alert-red">
<p>재고가 얼마 남지 않았습니다.</p>
</div>
)
}

alert를 만들고

이 컴포넌트 자체를 useState에 초기 값으로 저장해뒀다가 null 로 바꾸는 형식으로 

useEffect(()=>{
setTimeout(()=>{
setMyAlert(null);
},2000);
console.log('test');
},[myAlert])

했는데 이방법은 사용에 문제가 있을까요??

화면에 출력할때도 처음부터 useState를 html 태그들 사이에

{MyAlert} 이런식으로 해두니까 출력도 되고 null로 업데이트될 때 숨기기도 되더라구요

[codingapple]

창의적인 방법이군요 문제가 없다면 사용해도 되지만 

하지만 state는 일반적으로 현재 컴포넌트에 필요한 데이터를 저장하는 곳이기도 하고 

MyAlert 컴포넌트에 변경사항이 생기면 바꾸기 어려울 것으로 보입니다 

[박지원]

감사합니다!

[글쓴이]

글