useEffect fade 부분

[현정]

useEffect로 조건 
state가 바뀔때만 end 클래스가 들어가야하는데
처음 페이지 로드시에도 useEffect실행 안되게하는 방법은 없나요ㅠ.ㅠ

function TabContent(props){
        // let {stock} = useContext(StockContext); 
        let [fade, setFade] = useState('')
            
        useEffect( ()=> {
            setTimeout( ()=> {setFade('end')},100)
            return()=> {
                setFade('')
            }
        },
)
        return (
            <div className={'start ' + fade}>
                {[<div>1</div>,<div>2</div>,<div>3</div>][props.tab]}
            </div>
           
        )  
        // if (props.탭 === 0){
        //     return <div>내용0</div>
        //   }
        //   if (props.탭 === 1){
        //     return <div>내용1</div>
        //   }
        //   if (props.탭 === 2){
        //     return <div>내용2</div>
        //   }
    }

[codingapple]

https://stackoverflow.com/questions/53179075/with-useeffect-how-can-i-skip-applying-an-effect-upon-the-initial-render
이런거 따라하면 됩니다

[글쓴이]

글