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

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

出現錯誤 React 無法識別 DOM 元素上的 `handleChange` 道具

出現錯誤 React 無法識別 DOM 元素上的 `handleChange` 道具

MMTTMM 2022-01-13 16:19:14
我正試圖做出login form反應。但我收到了這個錯誤React 無法識別handleChangeDOM 元素上的 prop。如果您有意希望它作為自定義屬性出現在 DOM 中,請將其拼寫為小寫字母handlechange。當我輸入字段時,輸入值也沒有設置輸入字段input它沒有更新狀態為什么?這是我的代碼 https://codesandbox.io/s/quirky-clarke-qbkjw<form noValidate>      <TextBox        label="Username"        name="username"        type="text"        helperText="Assistive text"        handleChange={handleChange}        handleMouseDownPassword={handleMouseDownPassword}        value={userId}      />      <TextBox        label="Password"        name="password"        type="password"        helperText="Assistive text"        value={password}        showPassword={showPassword}        handleChange={handleChange}        handleClickShowPassword={handleClickShowPassword}        handleMouseDownPassword={handleMouseDownPassword}      />      <div className="button-group">        <button>LOGIN</button>      </div>    </form>
查看完整描述

3 回答

?
富國滬深

TA貢獻1790條經驗 獲得超9個贊

TextBox組件中,您通過{...props}. 考慮到它TextField本身沒有handleChange屬性,我假設它將它傳遞給底層的輸入 DOM 元素,該元素無法識別該道具。

您可以做的是提取內部使用的道具TextBox并使用 rest 參數收集其余部分,因此您最終不會傳遞不必要的道具:

export default function TextBox({handleChange, handleClickShowPassword, handleMouseDownPassword, value,  ...props}) {

另一種選擇是{...props}TextField組件中刪除并顯式傳遞所有必要的道具。


查看完整回答
反對 回復 2022-01-13
?
呼如林

TA貢獻1798條經驗 獲得超3個贊

我改變了handleChange()函數,你只是設置了VALUE狀態,你需要在第一個輸入時設置狀態userId,在第二個輸入時設置密碼

在 b.js 添加 props name={stateName} 以便 handleChange() 可以知道哪個輸入正在控制

查看演示以獲取更多信息: https ://codesandbox.io/s/gracious-heisenberg-z4q4z

(其他答案解釋了為什么您在控制臺中收到該錯誤...道具)


查看完整回答
反對 回復 2022-01-13
?
ibeautiful

TA貢獻1993條經驗 獲得超6個贊

React 不喜歡道具名稱中的大寫字母。而不是傳遞“handleChange”,而是傳遞“handlechange”。對于“handleMouseDownPassword”,您將收到類似的錯誤。

關于輸入問題,我認為您沒有提供足夠的上下文。但是您必須有一個 handleChange 方法來在每次更改字段時更新狀態。


查看完整回答
反對 回復 2022-01-13
  • 3 回答
  • 0 關注
  • 288 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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