如何创建一个条件，如果有数据，它将呈现该数据，但如果有 none，它只会呈现 null

Question

我基本上是从电影中获取数据 api（我使用 React）。有些电影有 1 种类型，有些有 2 种或更多。

当一部电影有 2 种或更多类型时，渲染它们没有问题，因为我只想渲染 2 种类型（数组 0 和 1），但是当电影只有一种类型时，我在渲染第二个类型时出错流派，因为里面没有数据。

有没有办法制定一个条件，以便当没有来自第 2 类型的数据时它不会呈现任何内容而只呈现第 1 类型？

这是代码

Answer 1

您可以使用 optional chaining 或 && 作为：

  {data.genre[1].name} / {data.genre[1]?.name}

或

  {data.genre[1] && data.genre[1].name}

如果你想要 / 在两者之间只有当 data.genre[1].name 才会显示

{data.genre[1] && " / " + data.genre[1].name}

How to make a condition that if there is a data it will render that data but if there are none it will simply render null