React —— Descriptions(根据自己需求判断要显示哪些)

情景描述：最开始，在外面写了一个三目运算，写了大差不差的两遍form代码，很是多余，如下图，只有这两个Descriptions需要判断是否渲染显示

作为小白学习中的我，先是请教了一前辈，写成了这个样子

{
  pageType === 'modify' &&(
    <React.frame>
      <Descriptions.Item label={getIntl('gmtCreate')}>{viewData.gmtCreate}</Descriptions.Item>
      <Descriptions.Item label={getIntl('originApp')}>{viewData.originApp}</Descriptions.Item>
    </React.frame>
  )
}

但是结果呢，报错了！！一片红呀

样式啥的大概是乱了，最后是单独分开写的，如下

{pageType === 'modify' &&(<Descriptions.Item label={getIntl('gmtCreate')}>{viewData.gmtCreate}</Descriptions.Item>)}
{pageType === 'modify' &&(<Descriptions.Item label={getIntl('originApp')}>{viewData.originApp}</Descriptions.Item>)}