Javascript 如何在react应用程序中呈现数据（如果某些键对较旧的条目没有值）

假设数据库中有一个名为orders的表，我在react应用程序中显示该数据。5个月后，我想添加订单跟踪功能，在该功能中，多个列将被添加到订单表中，而这些列以前不存在。 所以我的问题是如何在react应用程序中处理数据。我在一个页面上显示最近的订单，其中所有订单都会显示出来。若实现订单跟踪功能，则在流程中添加了“isDeliver”键。那么，对于旧订单，我应该如何在前端呈现“isDeliver”值呢。 我可以做一件事，比如，如果旧订单中不存在“isDeliver”，那么我将不会为该订单呈现该文本，如果它可用于新值，那么我将呈现该文本。

---

除此之外，任何一个都有其他方法。

只需添加条件大小写即可

const { isDeliver = false } = orders

<div>
{ isDeliver ? isDeliver : 'Value does not exist' }
</div>

const{isDeliver=false}=orders
{isDeliver？isDeliver:'值不存在'}

---

当您解构

isDeliver

时，如果它不存在，您可以添加一个默认值，在本例中为

false

，只需添加条件大小写即可

const { isDeliver = false } = orders

<div>
{ isDeliver ? isDeliver : 'Value does not exist' }
</div>

const{isDeliver=false}=orders
{isDeliver？isDeliver:'值不存在'}

---

当您解构

isDeliver

时，如果它不存在，您可以添加一个默认值，在这种情况下，该值为

false

，我建议使用以下解决方案

如果您可以为

isDeliver

提供默认值，请在数据库中为旧订单设置该值。这样，所有订单的数据都保持一致性

---

最好的情况是编写一个脚本，根据订单的状态（无论是否已交付）为旧订单更新

isDeliver

。

我推荐以下解决方案

如果您可以为

isDeliver

提供默认值，请在数据库中为旧订单设置该值。这样，所有订单的数据都保持一致性

最好的情况是编写一个脚本，根据订单的状态（无论是否已交付）为旧订单更新

isDeliver