antd Descriptions中使用短语法<react.Fragment>失效

问题:返回的不是短语法里的标签,连带着短语法一起,导致样式失效(短语法未被解析)
解决方案:讲短语法替换成数组
原代码:

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
参考链接:原问题解决方案

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值