안녕하세요, 열심히 강의를 들으면서 공부하고 있습니다.
(파트2. 마지막 강의 내용)
해당 디테일 페이지 id번호에 맞게 재고량을 보여주고 주문하기 버튼을 누르면 해당 재고량에서 1개씩 차감 적용을 했습니다.
function Detail(props) {
function copy() {
let index = id - 1;
let copynew = [...props.재고];
copynew[index] = --copynew[index];
return props.재고변경(copynew);
}
return (
<Info 재고 = { props.재고 } id = {id} />
<button className="btn btn-danger" onClick={ ()=>{ props.재고변경( copy ) } }>주문하기</button>
)
}
function Info(props) {
return (
<p>재고 : {props.재고[props.id - 1]} </p>
)
}
이렇게 적용해도 되는 게 맞는 걸까요 ???
그리고 2번쨰 질문이 있습니다.
주문하기 onClick 이벤트에서 props.재고변경( copy ) 이렇게 copy 로 적으면 제대로 실행이 되는데
copy()로 적용하게 되면 에러가 발생합니다.
그 이유는 왜 그런 걸까요 ??
클릭하면 이벤트가 실행되기 때문에 copy 또는 copy() 같은 거 아닌 가요 ???
