ฉันไปของผู้ใช้กำหนดวันมาจากอบพวกอุปกรณ์ประกอบของผู้ปกครองส่วนประกอบและฉันแค่พยายามผ่านวันกับอีกส่วนประกอบ.
import Card from '../UI/Card';
import ExpenseDate from './ExpenseDate';
import './ExpenseItem.module.css'
type Form = {
title: string;
amount: number;
date: Date;
}
const ExpenseItem = ({ title, amount, date }: Form) => {
//Return Date UI Component
return (
<li>
<Card className="expense-item">
<ExpenseDate date={date} />
<div className="expense-item__description">
<h2>{title}</h2>
<div className="expense-item__price">${amount}</div>
</div>
</Card>
</li>
);
};
export default ExpenseItem;
ต้อง
import './ExpenseDate.module.css';
const ExpenseDate = (date: Date) => {
//Retrieve Day Month and Year from Date object
const month = date.toLocaleString('en-US', {month: 'long'});
const day = date.toLocaleString('en-US', {day: '2-digit'});
const year = date.getFullYear();
//Return Dates to Date UI Component
return (
<div className="expense-date">
<div className="expense-date__month">{month}</div>
<div className="expense-date__day">{day}</div>
<div className="expense-date__year">{year}</div>
</div>
)
};
export default ExpenseDate;
แต่ฉันได้ข้อผิดพลาด
<ExpenseDate date={date} />
ประเภท'{date:วัน;}'คือไม่ใช่ assignable ต้องประเภท'IntrinsicAttributes&วัน'. ทรัพย์สิน'วัน'ยังไม่มีอยู่บนประเภท'IntrinsicAttributes&วัน'. ฉันไม่คิดว่าฉันพยายามที่จะผ่านไป"เดท"ตอนเป็นทรัพย์สินของวันที่วัตถุแต่นั่นคือสิ่งที่ฉันเข้าใจมันพยายามจะบอกและฉันไม่รู้วิธีที่จะซ่อมมันได้