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

最新推荐文章于 2023-03-26 17:12:37 发布

阿飞正传的阿飞

最新推荐文章于 2023-03-26 17:12:37 发布

阅读量2.9k

点赞数

分类专栏： bugFix 文章标签： react-native

本文链接：https://blog.csdn.net/njafei/article/details/73203668

版权

2 篇文章 0 订阅

订阅专栏

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

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恰好为”的时候，就会崩溃。

参考文章：

关注

专栏目录