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

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

React 無法讀取 [event.target.name] 上未定義的屬性“名稱”

React 無法讀取 [event.target.name] 上未定義的屬性“名稱”

慕的地6264312 2022-08-18 16:03:48
我在這里有一個使用電話輸入的第三方組件,https://github.com/bl00mber/react-phone-input-2#react-phone-input-2 我需要獲取用戶輸入的值,并使用下面處理change的方法設置表單狀態:const handlePhoneChange = (event) => {  setFormState({    ...formState,    [event.target.name]: event.target.value,  });};這是我對以下第三方組件的配置:<PhoneInput      country={"us"}      error={hasError("phone")}      helperText={hasError("phone") ? formState.errors.phone[0] : null}      name="phone"      value={formState.values.phone || ""}      onChange={handlePhoneChange}    />但是,當我嘗試在phoneInput組件中鍵入數字時,我收到錯誤TypeError:無法讀取未定義的屬性“name”。請幫助我解決這個問題。
查看完整描述

1 回答

?
Helenr

TA貢獻1780條經驗 獲得超4個贊

如果您閱讀 onchange 事件的文檔,則有 4 個參數可以訪問:。onChange(value, country, e, formattedValue)


您訪問的方式不正確,因為您正在訪問第一個位置管理,即輸入。嘗試訪問時出錯,因為它不是對象。eventvalueevent.targetEvent


該對象可用作第三個位置參數,因此,如果您這樣使用它,它應該可以工作:Event


const handlePhoneChange = (value, country, event) => {

  setFormState({

    ...formState,

    [event.target.name]: value,

  });

};


查看完整回答
反對 回復 2022-08-18
  • 1 回答
  • 0 關注
  • 193 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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