地图内的多个三元运算符答案

【问题标题】：multiple ternary operator inside a map地图内的多个三元运算符
【发布时间】：2019-11-26 04:11:57
【问题描述】：

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

我的问题是要获得我必须映射到 api 的那个数字，所以我最终得到了类似的东西

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

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

我尝试在 map 和 setState 中运行 if 语句，但没有成功。

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：