為什么 React 中的 JavaScript 方法未定義？

Question

在本節中，當我將 JavaScript 方法添加到我的文件時，出現此錯誤。

import './ExpenseItem.css';

function ExpenseItem(props) {
  const month = props.date.toLocaleString('en-US', { month: 'long' });
  const day = props.date.toLocaleString('en-US', { day: '2-digit' });
  const year = props.date.getFullYear();

  return (
    <div className='expense-item'>
      <div>
        <div>{month}</div>
        <div>{year}</div>
        <div>{day}</div>
      </div>
      <div className='expense-item__description'>
        <h2>{props.title}</h2>
        <div className='expense-item__price'>${props.amount}</div>
      </div>
    </div>
  );
}

export default ExpenseItem;

Answer 1

本機 JavaScript 方法在 React 中可用，但您似乎沒有將date作為道具傳遞給ExpenseItem 。 你應該在ExpenseItem的父組件中有這樣的東西：

<ExpenseItem date={yourDateVariable}>