React项目函数无法运行,VSCode提示废弃警告求助
React项目函数报错及参数标记废弃问题解决
你的代码存在箭头函数语法错误,这是导致VSCode标记参数废弃、函数无法运行的根本原因:
在amountChangeHandler和dateChangeHandler的定义中,你错误地使用了=代替箭头函数的=>,正确的箭头函数语法应为(参数) => { 函数体 }。
修正后的代码如下:
import React, { useState } from "react"; import "./ExpenseForm.css"; const ExpenseForm = () => { const [enteredTitle, setEnteredTitle] = useState(""); const [enteredAmount, setEnteredAmount] = useState(""); const [enteredDate, setEnteredDate] = useState(""); const titleChangeHandler = (event) => { setEnteredTitle(event.target.value); }; const amountChangeHandler = (event) => { setEnteredAmount(event.target.value); }; const dateChangeHandler = (event) => { setEnteredDate(event.target.value); }; };
报错截图:
内容的提问来源于stack exchange,提问作者DEVSBA6996
相关产品推荐
相关产品推荐

