react中，如何快速根据某个字段的值返回不同的结果？

Question

上代码。

现在我是使用多个三元表达式嵌套的方式来返回结果，但是感觉写起来很多行。
有没有比较方便的方法来 判断值，然后返回不同的结果？
类似于 switch的方式？
或者其他方式。

Answer 1

const icon = {
'通过已发布'：<Icon /> 已发布ICON，
'未发布'：<Icon /> 未发布ICON
}[plan_shzt]

大概这样，就是通过对象属性的方法快速映射。当然，首先你要判断一下，plan_shzt是否存在，这里这简单给你提供一个思路。

Answer 2

jsx语法中好像只支持三元运算符,不支持If或者switch