已解決430363個問題，去搜搜看，總會有你想問的

TypeError：無法讀取未定義的屬性“setValues”| 反應

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

TypeError：無法讀取未定義的屬性“setValues”| 反應

JavaScript

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

當我在 handleInputChange 上使用 setValues() 函數時，出現此錯誤：代碼：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;我該如何解決這個錯誤？任何回應將不勝感激

查看完整描述

2 回答

瀟瀟雨雨

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

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

改變：

this.setValues({

...values,

...fieldValue,

});

至：

setValues({

...values,

...fieldValue,

});

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

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

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

反對回復 2022-07-15

幕布斯6054654

TA貢獻1876條經驗獲得超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;

反對回復 2022-07-15

2 回答
0 關注
204 瀏覽

關注

添加回答

舉報

0/150

提交

取消

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

熱搜

最近搜索清空

TypeError：無法讀取未定義的屬性“setValues”| 反應

TypeError：無法讀取未定義的屬性“setValues”| 反應

2 回答

添加回答