Javascript 对字符串作出反应

伙计们，每次我尝试使用props访问另一个组件中的对象数组中的日期属性，并使用“toISOString（）”方法将其转换为字符串时，我都会遇到错误toISOString not defined help me请看下面的代码

这是我的自定义文件，因此，当我尝试访问date属性时，当我尝试将其转换为字符串时，就会出现错误 但显示的其他属性没有问题

import "./Style.css";
function ExpenseItem(props) {
  const expenseDate= new Date(2021,2,28);
  return (
    <div className="expense-item ">
      <div>{props.date2.toISOString()}</div>
      <div className= "expense-item__description">
          <h2> {props.name1}</h2>
          <div className="expense-item__price">${props.Amount1}</div>
      </div>
    </div>
  );
}

export default ExpenseItem;

导入“/Style.css”； 功能支出项目（道具）{ 施工费用日期=新日期（2021,2,28）； 返回( {props.date2.toISOString（）} {props.name1} ${props.Amount1} ); } 导出默认支出项目； 这是我的应用程序文件，其中声明了我的对象数组

import ExpenseItem from "./components/ExpenseItem";
function App() {
  const expenses = [
    {
      id: "e1",
      title: "Toilet Paper",
      amount: 2000.12,
      date: new Date(2020, 7, 14),
    },
    { 
      id: "e2", 
      title: "New TV", 
      amount: 799.49,
       date1: new Date(2021, 2, 12)
   },
    {
      id: "e3",
      title: "Car Insurance",
      amount: 2000,
      date1: new Date(2021, 2, 28),
    },
    {
      id: "e4",
      title: "New Desk (Wooden)",
      amount: 450,
      date1: new Date(2021,2,28)
    }
  ];
  return (
    <div>
      <ExpenseItem
        name1={expenses[0].title}
        Amount1={expenses[0].amount}
        date2={expenses[0].date1}
      ></ExpenseItem>
      <ExpenseItem
        name1={expenses[1].title}
        Amount1={expenses[1].amount}
        date2={expenses[1].date1}
      ></ExpenseItem>
      <ExpenseItem
        name1={expenses[2].title}
        Amount1={expenses[2].amount}
        date2={expenses[2].date1}
      ></ExpenseItem>
      <ExpenseItem
        name1={expenses[3].title}
        Amount1={expenses[3].amount}
        date2={expenses[3].date1}
      ></ExpenseItem>
    </div>
  );
}

export default App;


 

从“/components/ExpenseItem”导入ExpenseItem；
函数App（）{
施工费用=[
{
id:“e1”，
标题：“卫生纸”，
金额：2000.12，
日期：新日期（2020年7月14日），
},
{ 
id:“e2”，
标题：“新电视”，
金额：799.49，
日期1：新日期（2021年2月12日）
},
{
id:“e3”，
标题：“汽车保险”，
金额：2000，
日期1：新日期（2021年2月28日），
},
{
id:“e4”，
标题：“新书桌（木制）”，
金额：450，
日期1：新日期（2021,2,28）
}
];
返回(
);
}
导出默认应用程序；

是日期1，而不是日期

...
{
  id: "e1",
  title: "Toilet Paper",
  amount: 2000.12,
  date1: new Date(2020, 7, 14),
},
...

---

当我将date1设置为date时，它仍然会给出相同的错误。当我使用toISOString（）方法时，我收到一条错误消息，说它未定义。这里有一个沙盒。