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

上代码。

clipboard.png

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

阅读 2.8k
2 个回答
const icon = {
'通过已发布':<Icon /> 已发布ICON,
'未发布':<Icon /> 未发布ICON
}[plan_shzt]

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题