재고-1이 안됩니다

[박세진]

app.js에서

  let [stock, changingStock] = useState([10, 200, 300, 500, 600, 880, 500, 400, 139, 232])

  function changingStockFunction(){
    let stockArray = [...stock]
    stockArray.map((stockArray)=>{
      changingStock(stockArray-1)
    })
  }

...

<Detail shoes={shoes} stock={stock} changingStock={changingStock} changingStockFunction={changingStockFunction}/>

이렇게 재고-1을 하는 함수를 만들었습니다. 해당 함수를 Detail.js에 연결하였구요,

그리고 Detail.js에서

<button className="btn btn-danger" onClick={()=>{ props.changingStockFunction() }}>주문하기</button>

주문하기버튼에 아까의 재고-1을 하는 함수(changingStockFunction)를 넣고 실행을 해보니까 버튼을 누르면 재고 표시가 사라집니다...

 

웹페이지에서 오류메세지는

Uncaught TypeError: stock is not iterable 

이런식으로 뜨는데 어떻게 해야 재고-1을 할 수 있을까요?

 

[codingapple]

state변경함수는 소괄호에 넣은 데이터로 state를 갈아치워주는 함수입니다 

changingStock([9, 200, 300, 500, 600, 880, 500, 400, 139, 232])

이렇게 넣어야 잘 작동합니다

[박세진]

주문하기 버튼을 누르면 stock배열의 데이터에 -1을 한 채로 출력시키고싶은데 어떻게 해야할까요??

[codingapple]

일단 몇번 상품을 주문한건지 알아야할듯요 그리고

stock복사본[몇번상품]++ 한걸

changingStock() 함수에 넣으면 되겠네요 

 

[글쓴이]

글