Question

这样一来，我就可以根据指定的ID大量获取一个对象。

现在，我尝试完成工作，以便事件可以在此处打印标题！

但是每次我尝试打印时。然后出现错误，使其不显示在页面上。

function EventSingle({match, events}){
  const id = match.params.id;

  //Evt tag en samtale med lærer i morgen i forhold til findIndex vs Find?
  const event = events.find(e => e.id == id)

  console.log(event);

  console.log(event.title); //Cannot read property 'title' of undefined

  return (
    <React.Fragment>
      <h2>HERE!</h2>
    </React.Fragment>
  );
}

我想要的是事件的标题，文本和对象必须进入返回区域。

Json在这里：

{
    "events": [{
        "id": 0,
        "title": "Hello world",
        "short_desc": "hehehe",
        "long_desc": "hehehe",
        "price": 129.00,
        "start": "05-06-2019 19.00 ETC",
        "end": "05-06-2019 21.00 ETC",
        "image": null,
        "location": {
            "venue": "x"
            "city": "aa"
        },
        "country": {
            "country": "ddd",
            "country_code": "DK"
        },
        "genre": {
            "genre": "Comedy"
        }
    }
}

Answer 1

它应该可以工作，但是我可以看到您共享的json对象无效。您可以尝试以下方法吗？

{
    "events": [{
        "id": 0,
        "title": "Hello world",
        "short_desc": "hehehe",
        "long_desc": "hehehe",
        "price": 129.00,
        "start": "05-06-2019 19.00 ETC",
        "end": "05-06-2019 21.00 ETC",
        "image": null,
        "location": {
            "venue": "x",
            "city": "aa"
        },
        "country": {
            "country": "ddd",
            "country_code": "DK"
        },
        "genre": {
            "genre": "Comedy"
        }
    }]
}

让我知道结果。

链接到Codepen。 https://codepen.io/anand-kr/pen/axrqxx

我确实修改了return语句，但是您可以看到它起作用。

通过查找后获取标题，文本等

1 个答案: