1 回答

TA貢獻(xiàn)1796條經(jīng)驗(yàn) 獲得超4個(gè)贊
這是因?yàn)閑vent.target.id是空的string。盡管您將 附加到onClick(div應(yīng)該是 abutton以使其可訪問),但如果您單擊子項(xiàng)img,則event.target是img。
您可以使用event.currentTarget- 它指的是事件處理程序已附加到的元素 ( div) - 或者您可以改為創(chuàng)建內(nèi)聯(lián)函數(shù)并傳遞 ID。
所以,而不是
<div id="A3" onClick={context.chooseSeats}><img ...
您可以使用
<button onClick={() => context.chooseSeats('A3')}><img ...
并更新您的chooseSeats,它現(xiàn)在收到一個(gè) ID,而不是event:
chooseSeats: (id) => {
this.setState({
chosenSeat: id,
remainingSeats: remainingSeats - 1,
})
console.log(chosenSeat)
},
添加回答
舉報(bào)