javascript - TypeError：无法读取未定义的属性（读取“toISOString”）

Question

import './ExpenseItem.css';

function ExpenseItem(props){

return (
    <div className="expense-item">
        <div>{props.date.toISOString()}</div>
        <div className="expense-item__description">
            <h2>{props.title}</h2>
            <div class="expense-item__price">${props.amount}</div>
        </div>
    </div>
)
}

export default ExpenseItem;

TypeError：无法读取未定义的属性（读取“toISOString”）

标签： javascriptreactjs

Answer 1

它会给出这个错误，因为你是props.date并且undefined你不能调用toISOString。undefined

所以，请检查为什么props.date字段是undefined，如果案例与解决方案相关API calling或asynchronous继续optional chaining解决，或者如果不支持则顺其自然regular。

可选链

<div>{props.date?.toISOString()}</div>

常规的

<div>{props.date ? props.date.toISOString() : null}</div>