[react 기록용, 쇼핑몰]2-9.useEffect

import React, {useState, useEffect} from 'react';

function Detail(props){
    let [alert, alert변경] = useState(true);
    let [inputData, inputData변경] = useState('');

    useEffect(()=>{
        let 타이머 = setTimeout(()=>{ alert변경(false)}, 2000);
        console.log('dkasfj');
        return ()=>{ clearTimeout(타이머) }
    },[alert]);
    //조건(alert)의 변경이 있으면, 실행됨 useEffect(()=> 실행함수,[alert]);
    //Detatil 구성이 끝나면, 실행됨 return()=>{ 실행함수 }

    return(
        <div className="container">
            {
                alert === true
                ? (<div id="addv" className="my-alert-yellow">
                        <p>재고가 얼마 남지 않았습니다.</p>
                    </div>)
                : null
            }
			//3항 연산자, 조건?참일때 수행함수:거짓일때 수행함수
        </div> 
    )
}

export default Detail;