首頁猿問 TypeError：無法讀取未定義...

TypeError：無法讀取未定義的屬性“setValues”| 反應(yīng)

JavaScript

慕絲7291255 2022-07-15 10:20:59

當(dāng)我在 handleInputChange 上使用 setValues() 函數(shù)時，出現(xiàn)此錯誤：代碼：import React, { useState, useEffect } from "react";const useForm = (initialFieldValues) => { const { values, setValues } = useState(initialFieldValues); const handleInputChange = (e) => { const { name, value } = e.target; const fieldValue = { [name]: value }; this.setValues({ ...values, ...fieldValue, }); }; return { values, setValues, handleInputChange, };};export default useForm;我該如何解決這個錯誤？任何回應(yīng)將不勝感激

查看完整描述

2 回答

瀟瀟雨雨

TA貢獻(xiàn)1833條經(jīng)驗獲得超4個贊

在類組件中你會使用，但在功能組件中你可以不帶關(guān)鍵字this.setValues直接使用。setValuesthis

改變：

this.setValues({

...values,

...fieldValue,

});

至：

setValues({

...values,

...fieldValue,

});

還useState返回一個數(shù)組，因此您可以像這樣使用它：

const [ values, setValues ] = useState(initialFieldValues);

請瀏覽文檔： https ://reactjs.org/docs/hooks-state.html

反對回復(fù) 2022-07-15

幕布斯6054654

TA貢獻(xiàn)1876條經(jīng)驗獲得超7個贊

import React, { useState, useEffect } from "react";

const useForm = (initialFieldValues) => {

const [ values, setValues ] = useState(initialFieldValues);

const handleInputChange = (e) => {

const { name, value } = e.target;

const fieldValue = { [name]: value };

setValues({

...values,

...fieldValue,

});

};

return {

values,

setValues,

handleInputChange,

};

export default useForm;

反對回復(fù) 2022-07-15

2 回答
0 關(guān)注
202 瀏覽

關(guān)注

添加回答

舉報

0/150

提交

取消

使用 Ctrl+D 可將網(wǎng)站添加到書簽

微信客服

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

幫助反饋 APP下載

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

公眾號

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

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

熱搜

最近搜索清空

TypeError：無法讀取未定義的屬性“setValues”| 反應(yīng)

TypeError：無法讀取未定義的屬性“setValues”| 反應(yīng)

2 回答

添加回答