TypeError：无法读取未定义反应命中的属性“ title”

Question

我在EventLink中遇到错误。可以肯定没有任何问题。我没有正确调用道具吗？

错误：

  

TypeError：无法读取未定义的属性“ title”

代码：

function EventItem({ props }) {
  return (
    <div className="event">
      <div className="top-info">
        <CompactDateField props={props} />
      </div>
      <h2 className="title no-marg-top">
        <EventLink
          title={props.title}
          eventId={props.event_id}
          slug={`/${props.slug}`}
          dateId={props.id}
        />
      </h2>
...

Answer 1

道具是一个对象-无需对其进行分解。只需从参数中删除大括号即可。

function EventItem(props) {

Answer 2

否则，您可以使用spread operator

function EventItem({ ...props }) {
}