问题:返回的不是短语法里的标签,连带着短语法一起,导致样式失效(短语法未被解析)
解决方案:讲短语法替换成数组
原代码:
return(<>
<Descriptions.Item label='描述1'>
{row.one ? row.one : '-'}
</Descriptions.Item>,
<Descriptions.Item label="描述2">
{row.two ? row.two : '-'}
</Descriptions.Item>,
</>)
修改后
return([
<Descriptions.Item label='描述1' key={row.one}>
{row.one ? row.one : '-'}
</Descriptions.Item>,
<Descriptions.Item label="描述2" key={row.two}>
{row.two ? row.two : '-'}
</Descriptions.Item>
])
注意:短语法编译失败还可能是因为babel版本,babel版本应该>7
参考链接:原问题解决方案