第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

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

出現(xiàn)錯誤 React 無法識別 DOM 元素上的 `handleChange` 道具

出現(xiàn)錯誤 React 無法識別 DOM 元素上的 `handleChange` 道具

MMTTMM 2022-01-13 16:19:14
我正試圖做出login form反應(yīng)。但我收到了這個錯誤React 無法識別handleChangeDOM 元素上的 prop。如果您有意希望它作為自定義屬性出現(xiàn)在 DOM 中,請將其拼寫為小寫字母handlechange。當(dāng)我輸入字段時,輸入值也沒有設(shè)置輸入字段input它沒有更新狀態(tài)為什么?這是我的代碼 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條經(jīng)驗 獲得超9個贊

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

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

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

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


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

TA貢獻1798條經(jīng)驗 獲得超3個贊

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

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

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

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


查看完整回答
反對 回復(fù) 2022-01-13
?
ibeautiful

TA貢獻1993條經(jīng)驗 獲得超6個贊

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

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


查看完整回答
反對 回復(fù) 2022-01-13
  • 3 回答
  • 0 關(guān)注
  • 285 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號