映射内的多个三元运算符

Question

我有一个api响应，它返回7个不同数字中的1个。这些数字中的每一个代表一个不同的词。 （1 =完成，2 =待处理，等等）

我的问题是要获取该数字，我必须将其映射到api上，因此我最终会得到类似

<p>{item.apiNumber}</p>

所以我的问题是如何获取api映射中返回的数字并基于该数字显示文本？

我试图在地图和setState中运行一条if语句，但没有用。

我尝试了一个三元组，那很好，但是我还需要6个。

Answer 1

您可以在组件内部创建方法，该方法将分析apiNumber并根据文本返回。在您的段落中，您将只调用该方法：

getApiTextByNumber(number) {
  switch (number) {
    /*return appropriate text here*/
  }
}
...
<p>{this.getApiTextByNumber(item.apiNumber)}</p>