javascript - 无法读取未定义的属性，如何避免崩溃？

Question

我下面有以下代码

<Link to={`/single/${post.id}`}>

当我删除帖子时，帖子变得未定义。我崩溃了

Cannot read property 'id' of undefined

我怎样才能优雅地处理这个问题并避免崩溃。我想要它，以便如果 post 未定义，它会返回错误页面或其他内容。但不知道怎么写。

Answer 1

使用 ternary operator并做这样的事情:

 <Link to={ post ? `/single/${post.id}` : null }>

这表示如果有指向 post.id 的帖子链接，则为 null。

您的另一个选择是仅在存在帖子时呈现链接。

{post && <Link to={`/single/${post.id}`}>}