Error RawText ** must be wrapped in an explicit <Text> component 问题解决

今天忽然遇到一个页面崩溃,查到错误如下:

Error: RawText "" must be wrapped in an explicit <Text> component.    

查了代码,发现好久都没有动这块的代码了,所以非常疑惑。最后通过2分法不停地查哪里出了问题,最终查到了这个语句:

return (
    <View>
        {test && test.string &&
        <Text>{test.string}</Text>
        }
    </View>
)

其实作用很简单,如果string有值,则展示string。但是这条语句为什么会报错呢?查了半天,发现是因为string的值是”,然后系统就报错了,类似这样:

let test = {string: ''};
return (
    <View>
        {test && test.string &&
        <Text>{test.string}</Text>
        }
    </View>
)

后来查了下github,发现很多人也遇到了类似的错误,解决办法如下,使用!!来判断string是否有值,因为这里其实你是希望将string当成bool来使用的。

let test = {string: ''};
return (
    <View>
        {test && !!test.string &&
        <Text>{test.string}</Text>
        }
    </View>
)

所以以后string的判断,都用!!去判断,否则出现string恰好为”的时候,就会崩溃。

参考文章:

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值