You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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);
  };
};

报错截图:
VSCode中函数参数被标记废弃的报错截图

内容的提问来源于stack exchange,提问作者DEVSBA6996

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.09 20:01:04