React中渲染DOM 三元表达式中多个三元表达式判断

​

我想在判断等于4后再进行进一步判断，然后渲染三个dom结构，但发现只能写一个，写多了就会报错。

​

于是尝试解决，发现这样虽然不报错了，然是有警告，下面两行的dom结构是渲染不出来的

​

后来想到了使用数组，用逗号分割 就可以了。

{
   recordField.fieldType == 4 ?([
       recordField.startLableName ? <span>{'"'+recordField.startLableName+'"'}</span> : null,
        recordField.endLableName ? <span>{'"'+recordField.endLableName+'"'}</span> : null,
       recordField.longLableName ? <span>{'"'+recordField.longLableName+'"'}</span> : null
])
:
 <span>{'"'+recordField.lableName+'"'}</span>
                                        }

​