亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何在 React 中使用 e.target.name 更新嵌套狀態屬性

如何在 React 中使用 e.target.name 更新嵌套狀態屬性

喵喵時光機 2023-01-06 16:05:21
我正在嘗試使用這樣的嵌套屬性來更新狀態:State = {  newProperty: {    name: '',    description: '',    guestCount: '',  }}我正在像這樣更新狀態:handleOnChangeInput = (e) => {    let prevState = Object.assign({}, this.state.newProperty)    let targetName = e.target.name    preState.targetName  = e.target.value    this.setState({ newProperty: prevState })}然而,preState 并沒有獲取 targetName 的值,而是在狀態中尋找 targetName 屬性。我嘗試了不同的變體,例如 preState.[targetName],但仍然沒有用。javascript反應狀態設置狀態
查看完整描述

1 回答

?
白衣非少年

TA貢獻1155條經驗 獲得超0個贊

如果它是一個新屬性,請如上所示用方括號括起來,但刪除 .


任何 JSON 更新的原理都是一樣的。以下是上述內容的示例:


state = {

    newProperty: {

        name: '',

        description: '',

        guestCount: '',

    }

}


handleOnChangeInput = (e) => {

        let prevState = Object.assign({}, state.newProperty)

        let targetName = e.name

        prevState[targetName]  = e.value

        state.newProperty = prevState

        console.log(state)

}

<input name="name" id="waffles" onchange="handleOnChangeInput(this)"/>


查看完整回答
反對 回復 2023-01-06
  • 1 回答
  • 0 關注
  • 111 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號